FAMI2U
V2EX  ›  设计

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

  •  2
     
  •   FAMI2U · Oct 19, 2016 · 6893 views
    This topic created in 3486 days ago, the information mentioned may be changed or developed.

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

    设计原则( Design Principles )

    清晰( Clarity )

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

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

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

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

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

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


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

    chiu
        38
    chiu  
       Oct 20, 2016 via Android
    iOS
    inrenping
        39
    inrenping  
       Oct 20, 2016
    +10s
    fanTasy
        40
    fanTasy  
       Oct 20, 2016
    +101s
    shimanooo
        41
    shimanooo  
       Oct 20, 2016
    这话给我的感觉和 xx 代表大会上说的一样
    subpo
        42
    subpo  
       Oct 20, 2016
    10s
    yoa1q7y
        43
    yoa1q7y  
       Oct 20, 2016
    感觉楼主已疯
    SilentDepth
        44
    SilentDepth  
       Oct 20, 2016
    我觉得拍平后的 iOS 风格不比 Google 的 MD 更生动、更有视觉吸引力,然而 MD 很容易导致视觉疲劳(亲身体验)
    quericy
        45
    quericy  
       Oct 20, 2016
    IoC
    bumz
        46
    bumz  
       Oct 20, 2016
    +1s
    douyang
        47
    douyang  
       Oct 20, 2016
    10s
    qq30545
        48
    qq30545  
       Oct 20, 2016
    楼上都什么鬼,强迫症死几次了
    hinkal
        49
    hinkal  
       Oct 20, 2016
    虽然看起来区别不大 https://www.google.com/#newwindow=1&safe=active&q=іОՏ 注重细节哈
    blueset
        50
    blueset  
       Oct 21, 2016
    ℹ️🅾5⃣🔟
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3300 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 126ms · UTC 11:55 · PVG 19:55 · LAX 04:55 · JFK 07:55
    ♥ Do have faith in what you're doing.