• <td id="ywcm8"></td>
  • <xmp id="ywcm8"><td id="ywcm8"></td><small id="ywcm8"><li id="ywcm8"></li></small><small id="ywcm8"></small><small id="ywcm8"></small>
  • <small id="ywcm8"><button id="ywcm8"></button></small>
  • <small id="ywcm8"></small>
  • <td id="ywcm8"></td>
  • <td id="ywcm8"></td>
  • <td id="ywcm8"></td>
  • <td id="ywcm8"></td>
  • <small id="ywcm8"></small>
  • 當前位置: 主頁 > 建站學堂 > 網站運營 >
    iOS 11 最全面的設計通訊
    技術文檔    來源:

    iOS?11 還處在測試階段,各種 Bug 和不穩定阻礙了大家的體驗,餓了么UED的同學們也僅有幾臺測試機在體驗中。為了讓大家都能了解到 iOS 11 在設計領域帶來的變化,我們進行深度體驗并參閱媒體評測,以匯總評論的方式給大家帶來這篇文章,如有遺漏或錯誤還請指正。

    交互和功能

    iOS 11 添加了大量實用的功能,也對之前的一些交互進行了變更,這里挑選對設計師來說最有必要了解的幾條內容。

    重新設計的控制中心

    控制中心由原來的三頁改成一頁,并采用了模塊化的設計;3D Touch 在這里有了更多的用武之地,其中大滑塊的操作交互值得學習;

    新增錄屏功能

    終于等來了 iOS 設備上的錄屏功能,看到靈感時可以立馬錄制,不用再經歷連接電腦使用 QuickTime Player 的繁瑣步驟了;

    截屏功能強化

    截屏后自動在左下角出現預覽,點擊可以直接進行圖片標注,也可左滑關閉,又是一個設計師和產品經理的效率提升利器;

    相冊可以直接播放 GIF 動畫;

    延伸閱讀:

    你可能還不知道的 iOS 11 新變化

    Hands-on with 100+ features and changes [Video]

    視覺

    風格更統一的矩形視覺元素色塊;

    去掉大量的分割線(圓形或直線),使用背景色塊區隔;如解鎖界面、計算器界面,大部分系統 icon 也由線框變成實心;

    全新的 Navigation Bar:超大的字重標題、去掉分割線、大面積陰影、留白等;

    字體上,利用不同字重來提高可讀性,很多地方的重點文字內容得到加粗(如桌面 App 名稱、設置選項等);

    Apple 自家應用的視覺風格統一化:以 Apple Music 的改版為先,以 App Store 的改版為代表,新一代的視覺語言也越來越完善,可以期待近期版本迭代的優化和最終 Guidelines 的發布;

    延伸閱讀

    iOS 10 vs 11:完整 UI 比較分析

    App Store

    資訊架構優化:主要體現在 Apps 和 Games 的分離,排行榜的弱化,新增的 Today 欄目提供了更多的媒體和編輯推薦屬性等;

    產品界面的變化:主要提現在視覺部分的重心更突出(更大的 Icon、更多的演示視頻、更少的文字描述),文字的使用需更加精煉和搭配(標題+副標題+描述+推廣文案+更新說明),使用者評價的重要性提高等;

    搜索部分,主要強化了搜索關鍵字的能力(現在能搜索更多的字段),強化了屏幕截圖和預覽視頻的能力,優化了文案顯示的策略;

    更有人情味的應用推薦:在 Today 欄中你可以看到紀念碑谷為什么如此吸引人,以及對他們制作團隊的采訪等內容;Apple 將以更加媒體化的方式來對 Apps 進行更具個性化的推薦;

    延伸閱讀

    iOS 11 的 App Store 大變樣,對我們有什么影響?

    Podcasts 播客

    重新設計的播客應用已經使用了統一的視覺語言和交互;

    Notes 備忘錄

    新版備忘錄功能越來越強大了,新增掃描文檔、置頂單條筆記、筆記中插入表格、插入涂鴉、協同編輯、鎖定等;

    延伸閱讀

    更強備忘錄 可以掃描文件了地址

    Photos 相冊

    Live Photo 支持制作循環、來回播放的視頻,支持生成長曝光圖片,自定義封面等;相冊中可以播放 GIF 圖片;照片濾鏡選擇從九宮格變成了橫向選擇;

    相關閱讀

    Apple Design Videos ?

    涵蓋本次 WWDC 上有關設計的視頻內容,包括設計技巧、設計溝通、設計方法論和設計原則等;

    Apple UI Design Resources

    已經更新 iOS 11 的界面源文件,可以看看具體的字形字號間距陰影等參數(Sketch、Photoshop);

    2017 Apple Design Awards

    發布會結束后即發布了本年度的設計大獎,一共包含 12 款游戲和應用,建議大家都試玩一下;

    本文參考鏈接

    Apple iOS 11 Preview

    你可能還不知道的 iOS 11 新變化,第一彈

    WWDC 沒提到的 20 個實用功能

    iOS 11 初體驗

    更強備忘錄 可以掃描文件了

    iOS 11 的 App Store 大變樣,對我們有什么影響?

    iOS 11 為 iPad 帶來了什么新功能??

    The 6 best new features in iOS 11

    What’s new in iOS 11? Hands-on with 100+ features and changes

    Apple Design Videos

    Apple UI Design Resources

    2017 Apple Design Awards

    作者:梓非徐,餓了么UED資深交互設計師

    文章作者系 @梓非徐 未經許可,禁止轉載。

    ?
    地址:深圳市南山區創業路南光商務大廈2-1114    Email:s@szhv.cn    Tel:0755-86176995    中國 · 深圳
    Copyright ? 2006 -2021 深圳匯網在線 All Right Reserved.    粵ICP備14062458號


    熱線電話:0755-86176995
    国产青草视频在线观看
  • <td id="ywcm8"></td>
  • <xmp id="ywcm8"><td id="ywcm8"></td><small id="ywcm8"><li id="ywcm8"></li></small><small id="ywcm8"></small><small id="ywcm8"></small>
  • <small id="ywcm8"><button id="ywcm8"></button></small>
  • <small id="ywcm8"></small>
  • <td id="ywcm8"></td>
  • <td id="ywcm8"></td>
  • <td id="ywcm8"></td>
  • <td id="ywcm8"></td>
  • <small id="ywcm8"></small>