• <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

        想成為一名合格的UI設計師應該掌握的三個要素是什么?

        • 發布:譯者:陳子木
        • 來源:CARRIE COUSINS 優秀網頁設計
        • 時間:2018-07-12 17:18

        熟悉商業模式的人都知道,在以往的商業模式當中,常常講究“3C”,分別是公司(company)、客戶(customers)和競爭對手(competitors)。其實在設計領域也存在3種重要的要素,它們也是3C,不過和商業模式中的3C不同,它們分別是色彩(Color)、對比度(Contrast)和內容(Content)。雖然它們的基本概念并不復雜,但是在實際的UI設計項目當中,它們比看起來要復雜得多。下面就來和小編一起看一看文章中對設計里3C的介紹。

        色彩(Color)

        色彩是絕大多數設計給用戶傳遞的最顯著的視覺元素之一。設計師和非設計師都會常常聊到色彩,對于不同色彩的大家有著不同的感受和體驗。

        色彩本身常常就能夠創造出獨特的情感體驗,即使沒有其他的元素。任何可見的色彩,呈現在任何人面前,幾乎都能夠獲得反饋。這也使得色彩在設計中有著獨特的地位。

        色彩強大,可以成就設計,也能毀掉設計。色彩在界面當中影響著許多不同的功能和屬性:

        色彩會影響到:

        · 可用性和可讀性

        · 品牌認知度和品牌意識

        · 用戶視覺和交互

        · 信息組織和用戶流程

        · 設計的整體體驗

        設計師可以使用色彩創建:

        · 清晰易懂的導航

        · 直觀的交互

        · 為整個項目設定情緒

        · 創建強大的可供調用的元素

        · 呈現設計的主題,營造氛圍

        但是這并不是意味著將不同的色彩簡單的混合到一起。

        配色方案是控制設計當中不同色彩組合的合集。設計師通過創建配色方案,系統地對品牌和UI界面的色彩進行管理,這確保了品牌和UI 在色彩的運用上保持著高度的一致。

        配色方案中的具體搭配是植根于色彩理論的。色彩從來都不是越多越好,通常配色方案當中,色彩數量要控制在3種左右。Mockplus 推薦在配色中3中色彩的占比是6:3:1,而這一點和室內設計配色的規則是一致的。這種配色的策略和黃金比例在內核上是一致的。

        另外,還有一種策略,是基于黑白兩色來構建整個設計,然后再加入更多的其他色彩,將整個配色方案豐富起來。黑白兩色確保了整個設計的輪廓足夠清晰,不過在后續加入配色的時候,要注意色彩的數量,以及色彩之間的對比度。而這也正好牽涉到第二個“C”,也就是 Contrast,對比。

        對比(Contrast)

        元素之間的差異往往能夠借助對比來凸顯。創建富有層次的視覺結構,讓內容的可讀性更強,讓信息更容易被用戶所理解和吸收。對比強烈的元素讓用戶輕松地注意到構成對比的元素,創造自然的視覺模式和用戶流程。

        對比度的重要性之所以如此之高,很大程度上是因為它廣泛的適用性和顯著的實用性。在控制對比度的時候,你需要明確對比度通常所涉及的元素類型和屬性:

        · 色彩對比
        · 尺寸對比
        · 方向對比
        · 空間對比
        · 形狀對比

        在探討UI的可訪問性的時候,對比度始終是關鍵性的因素。在 A11Y 這個力求提升網頁可訪問性的項目當中,他們對于對比有下列一系列的建議:在配色的時候,借助色輪選擇處于相對位置的對比色,讓視覺上的對比足夠明晰;在選擇字體的時候,借助不同類型的字體差異,來創造視覺上的對比,也是如今網頁設計中經常用到的技巧。

        空間上的對比營造也很有技巧,使用不同的留白來營造疏密對比。如果你想讓某一部分內容更容易吸引用戶的注意力,不妨讓它周圍有更多的留白。

        簡而言之,對比是通過對立的差異化來創造吸引力。看似不同的元素實際上可以搭配起來,達到一目了然的效果。

        要知道對比是否達到了你的預期效果,在查看屏幕上元素的時候,不妨考慮下面的幾個因素:

        · 可讀性:文本和圖形是否都清晰可識別?

        · 清晰度:一個元素和另外一個元素之間能否輕松分辨?

        · 可訪問性:你的設計是否能夠服務更多的用戶?

        · 上下文環境:用戶是否能在特定的地點特定的場合明白你的設計?

        內容(Content)

        這是3C要素中最后的一個組成部分。用戶界面中的內容非常豐富,涵蓋了從圖像、文字、圖標、品牌等所有相關的信息。內容還包括視頻以及各種微文案甚至UI控件上的說明和標簽。

        所有的這些元素匯聚到了一起,構成用戶界面,甚至讓設計變得優秀和特別。為什么用戶會停留在這個界面而不是去別的地方?原因就是內容。

        只有內容是不夠的,內容本身要足夠精彩。高分辨率的圖片,涵蓋有用信息的文本,和你的競爭對手的內容相比,你所創建的內容必須更加優秀,更加有料,更加突出。

        這必然是一個艱巨的任務。你需要有所堅持,有所相信,你需要讓用戶看到內容的真實,需要和你的情感產生共鳴。

        結語

        將UI界面中的色彩,對比和內容放在一起構成3C要素并不僅僅是因為它們的單詞開頭都是字母C,而是它們本身在UI設計中都占據這足夠突出的地位,有著無與倫比的重要性。在策略上,圍繞著這3C要素來設計,能讓你的UI界面更加富有凝聚力。

        以上就是小編今天為大家分享的關于一名合格的UI設計師應該掌握的三個要素,希望本篇文章能夠對正在從事UI設計行業的設計師們有所幫助,想了解更多UI設計知識記得來達內UI設計官網。

         想成為一名合格的UI設計師應該掌握的三個要素是什么?

        預約申請免費試聽課

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

        上一篇:如何快速學習UI設計沖刺百萬年薪?
        下一篇:UI如何自學?適合初學者學習UI的幾個步驟

        平面設計培訓都學什么?平面設計的就業前景如何?

        什么樣的人適合學習UI

        UI零基礎難學嗎?有哪些學習UI設計的方法?

        學ui設計,哪個培訓班比較好?

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

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