- Photoshop智能手机UI设计
- 叶经文 王志成
- 775字
- 2021-03-29 19:02:36
设计思路:如何设计出更加友好的UI
下面我们就来看几个友好的UI设计。
1.友好UI设计的几大特点
(1)简约而不简单。看上去非常简洁,其实往往都是非常讲究的。细节丰富,架构清晰,主题突出,层次分明,最大限度地呈现有效信息,良好地引导用户。
(2)用色大胆奔放。好的作品肯定是将颜色完美地融合到UI里。让用户享受服务的同时,也能感受到一丝美感。
(3)图形运用。高水平的插画与UI完美地融合。小到图标,大到模块乃至整个页面,处处流露出设计功底。
2.完美的栅格
下面这几个UI非常整洁,层次感较强,张弛有度,页面整体非常棒,搭调的配色,完美的比例让人顿觉眼前一亮,即使看不懂外文也会被它深深地吸引,设计上有非常多值得我们参考和学习的地方。栅格的安排控制得非常合理,几乎所有的浏览器下都能显示到两行的栅格内容。版式非常灵活和自然,无论是哪种屏幕分辨率下,设计师都进行了自然的重组和排序,而且对于内容也没有丝毫的影响,不必考虑太多对于响应式实现的过多准备,实际效果非常好。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1196.jpg?sign=1739308727-nGwbfoOb2F7BOZTxsQQxzpNHVrqpZcWk-0-d45502c415b8eff3a62ceef0e867dda7)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1197.jpg?sign=1739308727-FwyJ5vHPwCBv3RHZ6BnpPtdK5tohlqkk-0-a6bfa6db955f43ba3e4dbec143a3508c)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1198.jpg?sign=1739308727-6aHrt8S4dpCpNYo3k7k0123dlyuKlIeS-0-c762a75a24e1c235761808dea082f6f9)
3.配色柔和,图文清晰
配色是一门艺术,一般采用的是高级灰,所谓高级灰就是有“色相”和“纯度”的蓝灰色,相对于欧美配色的浓重来说,中文的UI应该比较柔和唯美,符合东方人的审美,背景宜采用浅灰和白色层叠,将黑色的标题文字和彩色的图片映衬得非常清晰,没有拖泥带水,整个软件的线框和背景都要保持一致。文字标题全是图片,更加强调视觉体验。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/26-1.jpg?sign=1739308727-2TkupLXbVm8HNJUMG1MJMJeFwgEJ5qS0-0-2bba74b00b37e9f1b1cada4d5fdfbccf)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/26-2.jpg?sign=1739308727-uiNEimqZ7W6tva7JuWQJt8G3SkqyJlw8-0-accffcb6d7fc9514e2d38de67138898a)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/26-3.jpg?sign=1739308727-T9SBsFoZ0paTRCF3BaLmcLnbm0wx7DFR-0-d434c9cda8b452c7646c39130a75ab5b)
4.细腻的细节
手机UI应该着重细节的处理,因为本身尺寸就很小。下面这些UI的细节处理让人佩服,每一个图片的处理,文字的摆放都恰到好处,仿佛页面整体维护都是一位高级设计师在负责,而非“编辑”。仔细一看,页面中所有的图片广告视觉语言都是统一的,比如文字和图片的位置都是一致的,同板块图片的底色高度统一,给人一种严谨的整洁感。画面细腻养眼,图标精致典雅,没有勉强的拼凑,没有过分的修饰,让人百看不厌。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1255.jpg?sign=1739308727-OKmt7KkEqo56POjERI0dg5vfeHUSAy2k-0-ed007fb90c547d58203b357d19064757)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1256.jpg?sign=1739308727-0vifRzDEkfyd4tPJt8mydc6icWdcY2gL-0-dcf4172e3466e6fb5f78283f41315e27)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1257.jpg?sign=1739308727-5wdQzqJGyVkWmRqPBfxI4jcVATb6pjxt-0-f7d97af14deb08f9f34b028ef2acb36f)