自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 Android 图标尺寸分辨率

1、分辨率 Android屏幕最常见的4个分辨率,分别对应DP的换算方法。 DP就是为了方便程序员开发适配多个分辨率的版本,而自动把像素转化成一个固有单位的Android原创的单位,然后程序员只要用DP开发,程序又会自动转化为像素显示效果。对应的分辨率和转化公式(看下图) 2、主菜单icon Android各个分辨率主菜单图标的原始

2017-11-01 20:48:07 1545

转载 腾讯网移动端H5页面设计实战分享

双屏互动游戏设计 “ola快跑”双屏互动游戏是前端开发工程师极具创意的一款产品,是腾讯世界杯报道期间主打的一款基于移动端及PC端联动的双屏互动跑酷射门类游戏,是世界杯报道期间在PC端和移动端同时嵌入的游戏。这款游戏轻松、有趣味,在世界杯这一特殊时期,大家对足球的热情也点燃了用户对这款小游戏的喜爱。ola快跑主要页面展示如图8所示。

2017-10-31 21:18:00 1688

转载 APP界面设计建议

qingquanshan记一下第三种版本:以iphone6 plus 为基准设计稿,适配iphone5 或者是iphone 6的方法和技巧。iphone6 plus 的设计尺寸是1242*2208px   解决方法:①简单粗暴的等比例缩放图片尺寸,也就是说直接把现在有的图片资源调整为0.5倍,如果全部用路径画图,会简单许多,直接调整大小即可。设计尺寸是:1242*2208px 这个尺寸是比

2017-10-31 21:13:38 648

转载 APP界面设计之页面布局的22条基本原则

移动APP页面布局(Layout)是我们设计app界面的时候,最主要的设计任务。一个app的好与不好,很大部分取决于移动APP页面布局的合理性。下图为APP最原始的布局模型。页面布局顾名思义就是对页面的文字、图形或表格进行排布、设计。优秀的布局,需要对页面信息进行完整的考虑。即要考虑用户需求、用户行为,也要考虑信息发布者的目的、目标。对用户行为的迎合和引导,有一些既有原则和方法,比如下面的22条基本

2017-10-31 21:08:19 4751

原创 logo设计及VIS手册排版

**logo设计需要注意的事项** 做logo设计时需要注意以下几点 1、logo的用色要符合企业和品牌的形象,避免使用会让人感觉不舒服的颜色。 2、logo的造型要有寓意,可以让人联想到产品或企业品牌本身。 3、logo要具有识别性,在黑、白 、灰或色彩背景下能别识别。 4、logo在不同尺寸下都要便于识别。 5、logo看起来要浑然一体,没有琐碎的元素

2017-10-25 17:59:53 7406

转载 移动APP界面布局

移动APP页面布局(Layout)是我们设计app界面的时候,最主要的设计任务。一个app的好与不好,很大部分取决于移动APP页面布局的合理性。下图为APP最原始的布局模型。页面布局顾名思义就是对页面的文字、图形或表格进行排布、设计。优秀的布局,需要对页面信息进行完整的考虑。即要考虑用户需求、用户行为,也要考虑信息发布者的目的、目标。对用户行为的迎合和引导,有一些既有原则和方法,比如下面的22条基本

2017-10-25 17:32:46 2135

转载 APP界面设计建议

qingquanshan记一下第三种版本:以iphone6 plus 为基准设计稿,适配iphone5 或者是iphone 6的方法和技巧。iphone6 plus 的设计尺寸是1242*2208px   解决方法:①简单粗暴的等比例缩放图片尺寸,也就是说直接把现在有的图片资源调整为0.5倍,如果全部用路径画图,会简单许多,直接调整大小即可。设计尺寸是:1242*2208px 这个尺寸是比

2017-10-25 17:29:30 537

原创 Cutterman插件安装及使用说明

安装步骤如下打开PS菜单栏 文件 -> 脚本 -> 浏览在打开的对话框中选择当前文件夹下的Installer.jsx文件在弹出的警告框点击OK,开始安装安装完成后重启PS **使用操作看图** 支持的平台有** iOS所有的切图倍数 Android所有的切图倍数 Web 下载链接(注:支持Photoshop cc及以上版本) 链接:http://pan.baid

2017-10-23 23:43:31 10469 2

原创 扁平化UI

1、什么叫UI扁平化 扁平化设计的英文名为“flat design”,是指

2017-10-23 21:59:17 5260

转载 设计UI的基本思路

我们在设计UI时,通常是有一些步骤与原则,下面列出了一些常用的,可能也不是很准确,希望抛砖引玉,让大家对UI设计有一个思路,这里一定要有一个意识,在拿到一个UI设计图的时候,不要马上就想到要怎么怎么实现,而是需要细心分析与设计。1,明确划分与UI相关和与UI无关的部分根据UI的设计图,我们首先要把界面展现的数据先抽出去,只看UI的表现。也就是说,把UI相关的部分抽出来。比如一个界面可能需要分几部

2017-10-23 15:55:56 7312

转载 20大UI设计原则

世界级图形设计大师Paul Rand(保罗.兰德)曾经说过:“设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其有戏剧意味,让人们信服你所言……”,由此可见,设计绝非轻而易举之事,优秀的设计更是难上加难。  偶然发现一篇界面设计师Joshua Porter博客当中的一篇文章——《Principles of User

2017-10-23 15:53:50 223

转载 Xamarin.Forms 用户界面——控件——View

Xamarin.Forms视图PDF用于离线使用下载PDF相关文章:Xamarin.Forms简介相关样品:Xamarin.Forms画廊Xamarin.Forms样品相关API:Xamarin.Forms API文档让我们知道你对此的感受 Xamarin.Forms视图是跨平​​台移动用户界面的基础。查看Xamarin.Forms使用单词“ 视图”来引用诸如按钮,标签或文本输入框

2017-10-21 21:23:03 967

转载 Xamarin.Forms 用户界面

如何使用Xamarin.Forms提供的视图动画Xamarin.Forms包括自己的动画基础设施,直接创建简单的动画,同时也具有足够的功能来创建复杂的动画。颜色当每个平台都有自己的标准和默认值时,在平台上定义和使用颜色可能会很棘手。控制参考本文档是对构成Xamarin.Forms框架(如页面,布局,视图和单元格)的UI视图的快速参考。数据页DataPages提供了一个API,用于快速轻松地将

2017-10-21 21:18:41 768

转载 22个免费的UI界面设计工具、资源及网站

1.原型界面制作工具Lumzy官方地址:http://www.lumzy.com/Lumzy是一个网站应用和原型界面制作工具。使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。 2.在线工具Mockingbird官方地址:https://gomockingbird.com/Mockingbird(中文名:百舌鸟)是一个在线工具,它使您轻松地创建UI界面

2017-11-04 16:44:57 34783

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除