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