UI设计师急需掌握的平面设计基础 已回复

会员ID:365ui 男 43岁 时间:2016-12-31 15:12:48

常见的平面设计基础问题

1. 如何组织信息

2. 如何对齐

a. 信息分组

信息分组后,居中排列每组信息的小标题,模块感增强,使得阅读标题和每个组信息中产生视线的跳跃。小标题和每组信息统一居左对齐,更符合快速浏览和操作。比如在需要完成注册任务的网页中,标题居左更有利于视线快速向下流动,使得操作路径更顺畅。

a. 大小对比

b. 并非均分

页面元素中的左右间隔往往也会被忽视,如(左图)中帐号头像与页面的左边距=帐号名称之间间隔,使得页面中间区域的信息散于页面边界。标题和发布时间也是通过设计软件的居中对齐功能快速对齐,具有平面设计意识的排版不仅是设计软件中的文本框绝对居中对齐,需要对信息分组与主次深入思考,避免机械的均分对齐。

UI设计(User Interface界面设计)的设计原则:简易性、一致性、用户习惯、人性化等。遵循UI设计的设计原则,提高平面设计能力,可使得界面更为优雅。在UI设计中可对设计师的平面基础能力迅速检验,下面通过一些具体case的设计过程来简单分析。

在手Q公众号图文消息优化中,我们发现线上旧的图文消息边距较为肥厚,在大图+1小图的情况下由于代码的模块化拼接,始终无法达到完美的像素间距。在考虑多种纯文字、单图、多图文模版拼接后,尽量减少间距规则和字号种类,达到拼接模版的统一规则。保证一致性为前提,也提供灵活拼接的多样性。

大图+1的情况下,定义1条小图的上下间距相等等于一个单位,而不是单个模块中小图距离上方的1/2单位,在+n小图的时候使得两个小图之间的间距相加后等于一个单位(见下图)。这个小小的视觉细节在和技术同学耐心联调后是可以完美实现的。

2. 操作的轻量化

平面设计灵感注入UI设计

1. 更具吸引力的点击

2. 更优雅的操作

小结

注明出处格式:腾讯ISUX (https://isux.tencent.com/card-design-thinking.html)

评论 ( 433 条评论)
科普问题免费提问
无需注册,10分钟内回答