
ios10 发布也有些时日了,断断续续看过一些文章,自己再整理一下便于记忆。
设计原则( Design Principles )
清晰( Clarity )
纵观整个系统,任何尺寸的文字都清晰易读,图标精确易懂,恰当的修饰且不易被察觉,聚焦于功能,一切设计由功能而驱动。留白、颜色、字体、图形以及其它界面元素能够巧妙地突出重点内容并且表达可交互性。
遵从( Deference ) 流畅的动效和清爽美观的界面有助于用户理内容并与之交互,而不会干扰用户。当前内容占据整屏时,半透明和模糊处理能够暗示其它更多的内容。减少使用边框、渐变和阴影让界面尽可能地轻量化,从而突出内容。
深度( Depth ) 清楚的视觉层和生动的动效表达了层次结构,赋予了活力,并有助于理解。易于发现的且可触发的界面元素能提升体验愉悦感,让用户在成功触发相应功能或者获得更多内容的同时还能掌控当前位置的来龙去脉。当用户浏览内容上时,流畅的过渡提供一种纵深感。
较之之前,清晰原则排在了首位。留白、色彩、字体、图形和界面元素要强调重要内容并且对交互进行指引。界面的内容将成为 Apple 关注的重点,其他关键字都是为内容的传达而服务的。具体就是加大字号、加粗字体、加大控件、加多留白、减少页面的视觉层级。
同时给重要控件赋予色彩。新的控制中心的按钮用不同的颜色,让他们具有更明显的区分度以及视觉注意度。 未来的设计将更注重产品的内容和操作体验,降低其他因素对用户使用上的干扰。设计师则需要在界面设计中去把握「大」和「简」的程度,以及思考如何通过更有限的手段和空间来传达更多的信息和指引用户来达到「精」的目标。
参考 https://isux.tencent.com/ios-10-design-trends.html
1 Ellison 2016-10-19 17:53:16 +08:00 iOS |
2 Light3 2016-10-19 17:56:59 +08:00 iOS 原本你打 IOS ios 都没事.. |
3 Trim21 2016-10-19 18:01:08 +08:00 via Android lOS |
4 steveshi 2016-10-19 18:05:17 +08:00 via iPhone iOS …… |
5 dreamwar 2016-10-19 18:13:57 +08:00 2333 |
6 duIT 2016-10-19 18:14:33 +08:00 大哥,你名字都写错了真的是做 UI 的吗? |
7 DarinJi 2016-10-19 18:16:33 +08:00 iso |
8 tscat 2016-10-19 18:17:09 +08:00 via iPhone 标题看的我真难受 |
9 xxxyyy 2016-10-19 18:29:16 +08:00 via Android 说这么多,图呢? |
10 EricCartman 2016-10-19 18:30:26 +08:00 IoS |
11 wdhwg001 2016-10-19 18:32:10 +08:00 via iPhone 1 。 5 |
12 painter 2016-10-19 18:32:40 +08:00 IoL |
13 yidinghe 2016-10-19 18:35:06 +08:00 via Android 这个标题是高级黑么 |
14 smileawei 2016-10-19 19:38:24 +08:00 via iPhone 炸出一堆强迫症, |
15 SourceMan 2016-10-19 19:39:52 +08:00 via iPhone iOS 都打不准,我也权当正文在扯淡,所以没看 |
16 ma125125t 2016-10-19 19:49:13 +08:00 1oS |
17 Tink PRO I0s |
18 Kilerd 2016-10-19 20:31:09 +08:00 ioS |
19 zhujinliang 2016-10-19 21:23:56 +08:00 via iPhone i08 |
20 gouflv 2016-10-19 21:38:41 +08:00 via iPhone 整理的不错,但误导大众就不好了 |
21 loveuqian 2016-10-19 21:47:44 +08:00 10s |
22 tomato3 2016-10-19 22:18:04 +08:00 i0s |
23 IanPeverell 2016-10-19 23:13:21 +08:00 强迫症是设计人员的一大优点吧,这样才能设计出严格合乎规范而且漂亮美观的产品 |
24 DoraJDJ 2016-10-19 23:18:08 +08:00 via Android 105 |
25 bbbb 2016-10-19 23:36:32 +08:00 via iPhone 你们的回复逗死我了 |
26 kawaiiushio 2016-10-20 00:24:11 +08:00 via iPhone i 05 |
27 wsph123 2016-10-20 01:09:17 +08:00 via iPhone | 5 |
28 v9ox 2016-10-20 01:20:00 +08:00 艾欧艾斯 |
29 msg7086 2016-10-20 02:09:55 +08:00 105 ? |
30 halden 2016-10-20 05:09:03 +08:00 ! |
31 Tardis0127 2016-10-20 05:49:10 +08:00 楼主不是我说,作为程序员基本素养都没有 |
32 xcc880 2016-10-20 08:46:11 +08:00 |05 |
33 pppanda 2016-10-20 09:06:48 +08:00 10510 |
34 gimp 2016-10-20 10:29:23 +08:00 |0S |
35 JackeyGao 2016-10-20 10:40:05 +08:00 |o$ |
36 sherblue 2016-10-20 11:30:48 +08:00 |0$ |
37 zent00 2016-10-20 11:54:25 +08:00 via iPhone |
38 chiu 2016-10-20 11:58:31 +08:00 via Android iOS |
39 inrenping 2016-10-20 13:56:02 +08:00 +10s |
40 fanTasy 2016-10-20 14:05:08 +08:00 +101s |
41 shimanooo 2016-10-20 14:09:11 +08:00 这话给我的感觉和 xx 代表大会上说的一样 |
42 subpo 2016-10-20 14:11:48 +08:00 10s |
43 yoa1q7y 2016-10-20 14:36:07 +08:00 感觉楼主已疯 |
44 SilentDepth 2016-10-20 14:39:08 +08:00 我觉得拍平后的 iOS 风格不比 Google 的 MD 更生动、更有视觉吸引力,然而 MD 很容易导致视觉疲劳(亲身体验) |
45 quericy 2016-10-20 15:19:25 +08:00 IoC |
46 bumz 2016-10-20 15:38:49 +08:00 +1s |
47 douyang 2016-10-20 16:16:26 +08:00 10s |
48 qq30545 2016-10-20 16:29:56 +08:00 楼上都什么鬼,强迫症死几次了 |
49 hinkal 2016-10-20 16:34:53 +08:00 虽然看起来区别不大 https://www.google.com/#newwindow=1&safe=active&q=О 注重细节哈 |
50 blueset 2016-10-21 08:13:03 +08:00 5 |