Ios10 设计新趋势:大而简,简而精 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
FAMI2U
V2EX    设计

Ios10 设计新趋势:大而简,简而精

  •  2
     
  •   FAMI2U 2016-10-19 17:30:43 +08:00 6697 次点击
    这是一个创建于 3347 天前的主题,其中的信息可能已经有所发展或是发生改变。

    ios10 发布也有些时日了,断断续续看过一些文章,自己再整理一下便于记忆。

    设计原则( Design Principles )

    清晰( Clarity )

    纵观整个系统,任何尺寸的文字都清晰易读,图标精确易懂,恰当的修饰且不易被察觉,聚焦于功能,一切设计由功能而驱动。留白、颜色、字体、图形以及其它界面元素能够巧妙地突出重点内容并且表达可交互性。

    遵从( Deference ) 流畅的动效和清爽美观的界面有助于用户理内容并与之交互,而不会干扰用户。当前内容占据整屏时,半透明和模糊处理能够暗示其它更多的内容。减少使用边框、渐变和阴影让界面尽可能地轻量化,从而突出内容。

    深度( Depth ) 清楚的视觉层和生动的动效表达了层次结构,赋予了活力,并有助于理解。易于发现的且可触发的界面元素能提升体验愉悦感,让用户在成功触发相应功能或者获得更多内容的同时还能掌控当前位置的来龙去脉。当用户浏览内容上时,流畅的过渡提供一种纵深感。

    较之之前,清晰原则排在了首位。留白、色彩、字体、图形和界面元素要强调重要内容并且对交互进行指引。界面的内容将成为 Apple 关注的重点,其他关键字都是为内容的传达而服务的。具体就是加大字号、加粗字体、加大控件、加多留白、减少页面的视觉层级。

    同时给重要控件赋予色彩。新的控制中心的按钮用不同的颜色,让他们具有更明显的区分度以及视觉注意度。 未来的设计将更注重产品的内容和操作体验,降低其他因素对用户使用上的干扰。设计师则需要在界面设计中去把握「大」和「简」的程度,以及思考如何通过更有限的手段和空间来传达更多的信息和指引用户来达到「精」的目标。

    参考 https://isux.tencent.com/ios-10-design-trends.html


    50 条回复    2016-10-21 08:13:03 +08:00
    Ellison
        1
    Ellison  
       2016-10-19 17:53:16 +08:00
    iOS
    Light3
        2
    Light3  
       2016-10-19 17:56:59 +08:00
    iOS 原本你打 IOS ios 都没事..
    Trim21
        3
    Trim21  
       2016-10-19 18:01:08 +08:00 via Android
    lOS
    steveshi
        4
    steveshi  
       2016-10-19 18:05:17 +08:00 via iPhone
    iOS ……
    dreamwar
        5
    dreamwar  
       2016-10-19 18:13:57 +08:00
    2333
    duIT
        6
    duIT  
       2016-10-19 18:14:33 +08:00
    大哥,你名字都写错了真的是做 UI 的吗?
    DarinJi
        7
    DarinJi  
       2016-10-19 18:16:33 +08:00
    iso
    tscat
        8
    tscat  
       2016-10-19 18:17:09 +08:00 via iPhone
    标题看的我真难受
    xxxyyy
        9
    xxxyyy  
       2016-10-19 18:29:16 +08:00 via Android
    说这么多,图呢?
    EricCartman
        10
    EricCartman  
       2016-10-19 18:30:26 +08:00
    IoS
    wdhwg001
        11
    wdhwg001  
       2016-10-19 18:32:10 +08:00 via iPhone
    1 。 5
    painter
        12
    painter  
       2016-10-19 18:32:40 +08:00
    IoL
    yidinghe
        13
    yidinghe  
       2016-10-19 18:35:06 +08:00 via Android
    这个标题是高级黑么
    smileawei
        14
    smileawei  
       2016-10-19 19:38:24 +08:00 via iPhone
    炸出一堆强迫症,
    SourceMan
        15
    SourceMan  
       2016-10-19 19:39:52 +08:00 via iPhone
    iOS 都打不准,我也权当正文在扯淡,所以没看
    ma125125t
        16
    ma125125t  
       2016-10-19 19:49:13 +08:00
    1oS
    Tink
        17
    Tink  
    PRO
       2016-10-19 20:17:27 +08:00
    I0s
    Kilerd
        18
    Kilerd  
       2016-10-19 20:31:09 +08:00
    ioS
    zhujinliang
        19
    zhujinliang  
       2016-10-19 21:23:56 +08:00 via iPhone
    i08
    gouflv
        20
    gouflv  
       2016-10-19 21:38:41 +08:00 via iPhone
    整理的不错,但误导大众就不好了
    loveuqian
        21
    loveuqian  
       2016-10-19 21:47:44 +08:00
    10s
    tomato3
        22
    tomato3  
       2016-10-19 22:18:04 +08:00
    i0s
    IanPeverell
        23
    IanPeverell  
       2016-10-19 23:13:21 +08:00
    强迫症是设计人员的一大优点吧,这样才能设计出严格合乎规范而且漂亮美观的产品
    DoraJDJ
        24
    DoraJDJ  
       2016-10-19 23:18:08 +08:00 via Android
    105
    bbbb
        25
    bbbb  
       2016-10-19 23:36:32 +08:00 via iPhone
    你们的回复逗死我了
    kawaiiushio
        26
    kawaiiushio  
       2016-10-20 00:24:11 +08:00 via iPhone
    i 05
    wsph123
        27
    wsph123  
       2016-10-20 01:09:17 +08:00 via iPhone
    | 5
    v9ox
        28
    v9ox  
       2016-10-20 01:20:00 +08:00
    艾欧艾斯
    msg7086
        29
    msg7086  
       2016-10-20 02:09:55 +08:00
    105 ?
    halden
        30
    halden  
       2016-10-20 05:09:03 +08:00
    !
    Tardis0127
        31
    Tardis0127  
       2016-10-20 05:49:10 +08:00
    楼主不是我说,作为程序员基本素养都没有
    xcc880
        32
    xcc880  
       2016-10-20 08:46:11 +08:00
    |05
    pppanda
        33
    pppanda  
       2016-10-20 09:06:48 +08:00
    10510
    gimp
        34
    gimp  
       2016-10-20 10:29:23 +08:00
    |0S
    JackeyGao
        35
    JackeyGao  
       2016-10-20 10:40:05 +08:00
    |o$
    sherblue
        36
    sherblue  
       2016-10-20 11:30:48 +08:00
    |0$
    zent00
        37
    zent00  
       2016-10-20 11:54:25 +08:00 via iPhone
    楼知不知道你的标题在 iOS 下的显示效果?

    chiu
        38
    chiu  
       2016-10-20 11:58:31 +08:00 via Android
    iOS
    inrenping
        39
    inrenping  
       2016-10-20 13:56:02 +08:00
    +10s
    fanTasy
        40
    fanTasy  
       2016-10-20 14:05:08 +08:00
    +101s
    shimanooo
        41
    shimanooo  
       2016-10-20 14:09:11 +08:00
    这话给我的感觉和 xx 代表大会上说的一样
    subpo
        42
    subpo  
       2016-10-20 14:11:48 +08:00
    10s
    yoa1q7y
        43
    yoa1q7y  
       2016-10-20 14:36:07 +08:00
    感觉楼主已疯
    SilentDepth
        44
    SilentDepth  
       2016-10-20 14:39:08 +08:00
    我觉得拍平后的 iOS 风格不比 Google 的 MD 更生动、更有视觉吸引力,然而 MD 很容易导致视觉疲劳(亲身体验)
    quericy
        45
    quericy  
       2016-10-20 15:19:25 +08:00
    IoC
    bumz
        46
    bumz  
       2016-10-20 15:38:49 +08:00
    +1s
    douyang
        47
    douyang  
       2016-10-20 16:16:26 +08:00
    10s
    qq30545
        48
    qq30545  
       2016-10-20 16:29:56 +08:00
    楼上都什么鬼,强迫症死几次了
    hinkal
        49
    hinkal  
       2016-10-20 16:34:53 +08:00
    虽然看起来区别不大 https://www.google.com/#newwindow=1&safe=active&q=О 注重细节哈
    blueset
        50
    blueset  
       2016-10-21 08:13:03 +08:00
    5
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5073 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 69ms UTC 07:36 PVG 15:36 LAX 23:36 JFK 02:36
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86