
设计思路:如何设计出更加友好的UI
下面我们就来看几个友好的UI设计。
1.友好UI设计的几大特点
(1)简约而不简单。看上去非常简洁,其实往往都是非常讲究的。细节丰富,架构清晰,主题突出,层次分明,最大限度地呈现有效信息,良好地引导用户。
(2)用色大胆奔放。好的作品肯定是将颜色完美地融合到UI里。让用户享受服务的同时,也能感受到一丝美感。
(3)图形运用。高水平的插画与UI完美地融合。小到图标,大到模块乃至整个页面,处处流露出设计功底。
2.完美的栅格
下面这几个UI非常整洁,层次感较强,张弛有度,页面整体非常棒,搭调的配色,完美的比例让人顿觉眼前一亮,即使看不懂外文也会被它深深地吸引,设计上有非常多值得我们参考和学习的地方。栅格的安排控制得非常合理,几乎所有的浏览器下都能显示到两行的栅格内容。版式非常灵活和自然,无论是哪种屏幕分辨率下,设计师都进行了自然的重组和排序,而且对于内容也没有丝毫的影响,不必考虑太多对于响应式实现的过多准备,实际效果非常好。



3.配色柔和,图文清晰
配色是一门艺术,一般采用的是高级灰,所谓高级灰就是有“色相”和“纯度”的蓝灰色,相对于欧美配色的浓重来说,中文的UI应该比较柔和唯美,符合东方人的审美,背景宜采用浅灰和白色层叠,将黑色的标题文字和彩色的图片映衬得非常清晰,没有拖泥带水,整个软件的线框和背景都要保持一致。文字标题全是图片,更加强调视觉体验。



4.细腻的细节
手机UI应该着重细节的处理,因为本身尺寸就很小。下面这些UI的细节处理让人佩服,每一个图片的处理,文字的摆放都恰到好处,仿佛页面整体维护都是一位高级设计师在负责,而非“编辑”。仔细一看,页面中所有的图片广告视觉语言都是统一的,比如文字和图片的位置都是一致的,同板块图片的底色高度统一,给人一种严谨的整洁感。画面细腻养眼,图标精致典雅,没有勉强的拼凑,没有过分的修饰,让人百看不厌。


