![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=1739674519-bfW1tCKZ6oVcrZSH69UxKbnQ4AZvxMC7-0-efb363e47ffbfb1466eb526dfd7e6669)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1197.jpg?sign=1739674519-w5uHyI4quOI1hRqq1uu2l08GEqAg15MR-0-453b6c70af72aa3b1e9a5d151127d062)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1198.jpg?sign=1739674519-DDWBn83RfxpiWQoMo6qtmNIIGPuYU0ff-0-24c77934bf332ff38a13a033afc0091d)
3.配色柔和,图文清晰
配色是一门艺术,一般采用的是高级灰,所谓高级灰就是有“色相”和“纯度”的蓝灰色,相对于欧美配色的浓重来说,中文的UI应该比较柔和唯美,符合东方人的审美,背景宜采用浅灰和白色层叠,将黑色的标题文字和彩色的图片映衬得非常清晰,没有拖泥带水,整个软件的线框和背景都要保持一致。文字标题全是图片,更加强调视觉体验。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/26-1.jpg?sign=1739674519-arVg8PTMPWk8mgs8uF7kjxzG0WXgpbZ5-0-2a98b35e6a8ee90b1672c65333cfa7cd)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/26-2.jpg?sign=1739674519-7SKGV3exEUNiKPDSeUlkegwEkLUDr5vF-0-a3a40c22b0e48c7d0193fa1f39f65437)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/26-3.jpg?sign=1739674519-b3qSjaUTezNWjO2D2sUIm1gOQxf35sGq-0-6f908c85fe81eba90b8be6d05b2d1931)
4.细腻的细节
手机UI应该着重细节的处理,因为本身尺寸就很小。下面这些UI的细节处理让人佩服,每一个图片的处理,文字的摆放都恰到好处,仿佛页面整体维护都是一位高级设计师在负责,而非“编辑”。仔细一看,页面中所有的图片广告视觉语言都是统一的,比如文字和图片的位置都是一致的,同板块图片的底色高度统一,给人一种严谨的整洁感。画面细腻养眼,图标精致典雅,没有勉强的拼凑,没有过分的修饰,让人百看不厌。
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1255.jpg?sign=1739674519-K2qHEC0iIfwe439MhZ7lopwN7TGyAqSc-0-0e21b40a305a26d4a20f525da971956e)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1256.jpg?sign=1739674519-CcliqgZ20rjAV4Dti5eeoOLgQjLkOYK6-0-f451c8539d194665b2a7fe5d8e4aa5a9)
![](https://epubservercos.yuewen.com/5F88E8/17545313007829906/epubprivate/OEBPS/Images/a1257.jpg?sign=1739674519-XwiMwQGXW3ntksY3vcBNDoah2SbYis85-0-e2e7da210177da30c1627f28ce5c6430)