最新消息:文章中包含代码时,请遵守代码高亮规范!

App界面设计【原创】

UI设计 张, 慧玲 300浏览 0评论

图片篇:

1.图片比例:结合产品自身特点选择合适的比例

例如(1:1)常用于特写展示,适合产品展示,在电商app中较为常见,(4:3)适用于作品展示,封面展示,(16:9)电影场景,适用于视频模块展示,在影视娱乐类app中较为常见,(16:10)黄金比例。

2.图片质量:严格把握图片的质量,选择符合产品气质的高清的图片,给用户留下较好的视觉印象,这种对图片的视觉追求也能体现设计的专业水平。

3图片内容:要选择与主题相契合的图片,不能过于追求高大上而忽略其真实性。

色彩篇:

1.掌握基础的色彩知识:色相,明度,纯度,情感等等。

2.建立色彩库:不同的app有不同的主色调,但有一定的规律性。

例如红色系:网易云,京东商城,有道词典,网易考拉……,美食类的善于用橙黄色,根据产品的气质(文艺,时尚,科技……)适配不同的色彩,要善于总结好的产品。

3.吸色:摄影作品对UI的帮助很大,作为一个涉猎很广的设计师,一定不会放过摄影。ps打开图片,储存为web格式,选择gif格式,颜色选8,在颜色表中双击色块,点击拾色器。dribble上也提供配色文件,平日遇到好的配色可以下载下来。

图标篇:

图标大致分为线性,面性,线面性,扁平风格,手绘拟物。

线性:线的粗细要保持统一,看是圆角还是直角,是否有断点,有的话也要保持一致。

面性:用块状色彩拼合裁切而成的图标,色彩绚丽,能突出吸引用户操作,好的配色也能传达主题信息,加深用户对产品的印象。

线面性:其代表—MBE风格图标,黑色粗线加鲜明色,还有溢出的装饰物,加号,圆形等,还有萌物表情。

手绘拟物:注重对事物的还原,抓住细节,纹理,质感等特点来使图标达到逼真效果。

入门设计师都知道 iconfont, 进阶设计师需要提高一个层次—动手设计,针对品牌进行风格设计,不断调整。

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/23008.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Marmara的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!