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