• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        30秒讀懂如何總結整理移動端UI設計規范

        • 發布:UI培訓
        • 來源:UI教程
        • 時間:2018-01-12 16:58

        最近很多同學在問老師,APP設計規范如何整理?

        今天告訴你如何快速整理總結移動端UI設計規范。

        什么是設計規范?

        30秒讀懂移動端UI 設計規范

        整理設計規范的必要性

        30秒讀懂移動端UI 設計規范

        做設計規范的時間點

        30秒讀懂移動端UI 設計規范

        移動端UI設計規范整理(以一個Iphone6S的APP為例)

        顏色

        30秒讀懂移動端UI 設計規范

        字體

        30秒讀懂移動端UI 設計規范

        圖標

        30秒讀懂移動端UI 設計規范

        控件

        30秒讀懂移動端UI 設計規范

        頁面布局

        30秒讀懂移動端UI 設計規范

        移動端UI設計規范的細分步驟

        一、適用對象及工作場景

        1、產品和設計團隊參照共享的設計規范。

        不管是跟外部的用戶體驗設計公司合作,還是內部的設計團隊執行設計,UI 設計規范都是用來體現大家在產品設計溝通后一致確認的方案輸出,以及為后續的產品迭代提供參照依據。

        2、為項目相關的技術同事(如前端工程師、iOS / Android 工程師)實際開發和重構提供保障。

        技術在實際產品開發的時候,往往喜歡模式化,因為開發的工具語言往往有庫、類這樣的模塊化思維。UI 設計規范通過對一系列元素模塊的具體規范,既能與產品開發實現完成對接,同時又便于工程師理解。

        二、什么時候輸出UI 設計規范

        一般都是產品高保真界面經過產品、設計和技術共同討論確認后。如果產品的高保真界面 OK,同時內部設計資源相對有富余,對應的產品設計師就可以整理一份初版的 UI 設計規范,然后后面再填充優化。

        三、UI 設計規范的三種類型

        1、平臺(系統)性質,主要對于其平臺內生態的設計指南,

        例如 Google Material Design 、Apple Watch Human Interface Guidelines、Ubuntu Design;

        2、品牌物料,主要提供給媒體、第三方公司等用于公關報道和設計

        (PS:貌似國內很少看到有這種整理,導致一些媒體報道的 logo 圖片千奇百怪),例如 Dribbble – Logo Downloads & Brand Guidelines、LinkedIn Brand Guidelines、https://www.facebookbrand.com/

        3、產品業務相關,主要是產品設計和實現層面的方案,Web 產品居多,同時很多是與前端技術成果相結合,

        例如 Starbucks Style Guide、Overview | Atlassian Design Guidelines。

        四、UI 設計規范的具體內容劃分:

        ?? 品牌 Logo 及相關物料規范;

        ?? 字體排版(Typography),即界面版式設計;

        ?? 顏色(Color)規范,產品主要的顏色庫;

        ?? 圖標庫(Icon);

        ?? 控件庫(UI Toolkit),Web 產品與 APP 產品表現形式可能有所差異;

        ?? 視覺框架(Visual Hierarchy),定義產品的交互框架結構,與信息架構相關。

        感謝大家閱讀由ui培訓班分享的“30秒讀懂移動端UI設計規范”希望對大家有所幫助,更多精彩內容請關注UI培訓官網

        免責聲明:本文由小編轉載自網絡,旨在分享提供閱讀,版權歸原作者所有,如有侵權請聯系我們進行刪除

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:【加入我們】零基礎如何成為月薪過萬的UI設計師?
        下一篇:UI教程:ps摳圖常用三種技巧

        淺談設計中的加載

        平面設計中的印刷知識與印刷尺寸

        教你如何把手機里的自拍照片轉成手繪照

        如何將品牌基因融入到產品設計中?

        • 掃碼領取資料

          回復關鍵字:視頻資料

          免費領取 達內課程視頻學習資料

        • 視頻學習QQ群

          添加QQ群:1143617948

          免費領取達內課程視頻學習資料

        Copyright ? 2021 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>