武汉天琥设计培训学校

173-6295-3551

经验分享:移动端设计开发经验之设计篇Web设计与客户端设计的异同点

编辑:武汉天琥设计培训学校时间:2019-01-14

第一步絮叨了好多,但其实对大家来说这些其实是真心太简单了对吧。对于如何设计,如何配色,相信各位专业的同学都不会有问题的,所以我们也不打算在这里教大家如何来做这些了。 那么,下边主要探讨下web设计和客户端设计的异同点。

1、字体选用

字体是基础。在网页上,我们使用最多的可能是宋体,或者微软雅黑。那么,为了让客户端设计稿有较高的还原度,这里雅黑或者神马宋体就会弱爆了,这些字体并不适合手机屏幕来显示。 这里直接为大家推荐字体。

IOS: 请直接选用冬青黑体或者华文黑体即可,推荐使用冬青黑体,效果更好。

Android:Droid Sans Fallback(其实冬青黑或者华文黑也可以考虑啦)

手机上字体的显示一般都会做字体的抗锯齿处理,那我们在设计稿里也来做相应的设置吧(这里我们不考虑极低分辨率使用像素字体显示的情况)

至于字体使用多大号的,我们这里没有太严格规定,但有一点必须要做,设计完后,一定要导入手机上看真实效果具体感受一下,因为在电脑屏幕上和手机上看,感受是完全不一样的,毕竟我们是来设计手机的应用。

2、细节为王

细节?对,在web端,由于我们的浏览介质是显示器,加上显示器分辨率及之前的设计习惯,所以有时候我们可以不用太注重一个像素的移位等等的问题,但对于手机,可就完全不一样了,不知道各位同学有木有类似的感受,拿着设计web页的赶脚做了一页移动端设计稿,导入手机上之后发现这完全是惨不忍睹啊,欲哭无泪有木有。

所以,如果你是大大咧咧风格粗犷的设计师,那现在就要加倍细心了,你的粗心和粗狂的风格会在手机上成倍的放大放大再放大,比如发光比如投影比如字体一像素投影等等效果,这可不是时尚大气国际化哦,这是丑。当然,这个感觉是需要一定时间才能找到的,唯一的捷径就是多在手机上预览效果图,多研究其它应用的细节。有时间可以尝试画画图标,这是个细致活。


上一篇:经验分享:移动端设计开发经验之设计篇开始我们的第一步

下一篇:经验分享:移动端设计开发经验之设计篇Web设计与客户端设计的异同点二

联系方式

选择专业时,如果犹豫不定,不知道选择哪个比较好,敬请致电,专业的咨询老师会为你解答。

  • 报名热线:173-6295-3551
  • 咨询老师:刘老师
  • 点击咨询:

友情连接:

关于我们|联系我们|网站地图

QQ咨询
在线咨询
在线报名
173-6295-3551
返回顶部