• <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設計中按鈕設計的十大原則

        • 發布:UI培訓
        • 來源:UI教程
        • 時間:2018-05-09 14:05

        今天小編要為大家帶來的文章是關于UI設計中按鈕設計的十大原則。正在從事UI設計的小伙伴們都知道,按鈕設計是UI設計工作中必不可少的環節,那么怎樣才能更快速設計出好看的按鈕呢?下面就和小編一起來看一看這十個原則吧。

        為你介紹UI設計中按鈕設計的十大原則

        1.匹配的品牌

        你的按鈕配合網頁的語境方式,這很重要。這可能意味著符合一個網站的整體風格,從某種形式的品牌指導方針或標志圖形的方式等也許有一些突出的形狀,你可以你挑選需要的紋理或設計風格。也許一個標志有一個圓形的方面,你可以拿起你這個按鈕或其他潛在的形狀進行比較選擇。如果一個接口主要采用平面色彩。如果你能利用這個機會,通過接口,使用適當的形狀,實驗效果,著色或其他形式的點綴來延伸品牌

        2.匹配關系

        用photoshop打開psd格式的UI元素,你很容易實現梯度,陰影,斜面等效果。但是它是否是正確的選擇,這不僅要符合網站品牌,而且也是整個界面中的一個按鈕,它可能是一個一個需要移動的應用程序。所以你需要在網站上做點不同的東西和你的按鈕或行動進行呼應。

        3.有足夠的對比度

        有很多界面設計的靈感來自蘋果IOS,特別是現在有很多的用戶界面元素的PSD存在,我們可以在用戶界面上使用一些小按鈕等元素,發揮他們潛在的重要力量。你可以嘗試使用不同的顏色,字體大小,空格等以確保你的按鈕從中脫穎而出,展現粗界面的視覺重量。

        4.考慮圓角或美觀的按鈕

        根據以上描述,如果有UI元素在你設計的區域,考慮使用圓角按鈕或者其他形狀的稍微變化。這可以產生對比以確保呼應你下面的重要行動,同時也突出這些按鈕的價值。

        5.強調輔助用戶界面元素

        如果你想成為一個IOS靈感風格的設計師或者采用網上尋找的psd格式的UI元素,那么你的UI元素將主要以圓角矩形形狀為主。

        例如,你的選擇菜單,分段控制,自定義菜單可能都是相同的圓角形狀,但是用更少的陰影,邊界,錐,梯度或其他影響可以幫助減少他們的豐富性,這樣反過來促進了按鈕樣式。

        6.顏色匹配形成邊界

        我們可以看到按鈕對網站界面可形成某種形式的邊界。一般來說,如果你的按鈕是較暗的背景,它使用一個黑暗的通用按鈕顏色。如果你堅持使用前和使用它在一個黑暗的背景下,你發現再前者背景下它可以使按鈕邊有點臟,后者背景下可以讓你的按鈕很流行。我認為這是在處理Web設計邊界的一般設計原則。

        7.小心模糊的影子

        如果一個元素使用比其背景再黑暗的陰影應該更加巧妙。類似的顏色匹配的邊界,我非常認為這是一個適用于所有用戶界面元素設計的一般原則。

        8.小細節可以給你的啟示

        當用戶點擊時,一些小細節比如一個箭頭可以給一些動作一個小的提示。

        例如,一個箭頭在按鈕上的文本指向右可能給用戶某種運動或離開頁面的提示。向下箭頭可能表明一些內容將逐步披露,或者某種菜單將放開更多的內容。

        9.考慮一級,二級和三級樣式

        如果你正在設計一個接口,它有很多動作和功能上都顯示它需要建立一些視覺語言。

        考慮保留最強大和最大膽的色彩作為您的主要按鈕的顏色。然后使用強度或飽和度逐漸降低的色彩,陰影,考慮減少尺寸,空格,以及點綴的文本尺寸和水平的進一步降低來區分眾多按鈕的視覺重量。

        10.讓你的按鈕總是處于反饋狀態

        在設計工作結束后,你需要確保你的按鈕設計能迅速在上下文中提供給用戶所需的足夠的反饋。在現實世界中用戶通過按鈕的各種狀態使用它們,這是用戶使用按鈕工作的心理模型。陰影,邊界和梯度等可以給用戶一些簡單的反饋。

        以上就是小編今天為大家分享的關于UI按鈕設計的十個原則,希望本篇文章能夠對你有所幫助。想了解更多UI方面信息歡迎關注達內UI官網,這里不僅有更多的UI資訊,還有專業的UI培訓課程哦。

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

        預約申請免費試聽課

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

        上一篇:教你怎樣學習平面設計?
        下一篇:平面設計中你需要知道的Photoshop的八個禁區

        達內UI設計7月免費訓練營報名啦

        UI培訓教程之系統圖標如何設計

        月薪過萬的UI設計師都是怎么設計界面的

        達內設計學院九周年慶典回首來時路,共赴新征程

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

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