• <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教程
        • 時間:2020-01-08 15:32

        設計的時候,你是否會糾結于各種可能性,比如是讓文字變大還是變小,或者增加(或減少)元素周圍的留白,顏色是該深一點還是淺一點?那么今天就來分享一些關于如何解決這些常見問題以及如何使設計更加一致和對用戶更友好的技巧。

        提升效率的UI設計技巧有哪些

        界面設計一致性的重要性

        讓我們從頭開始捋一捋。你希望你的設計看起來很好,值得信賴,需要不惜一切代價避免混亂。為了實現這一點,擁有一個完整的系統性思維是非常重要的。

        開發也期待設計師善用系統性思維,他們喜歡條理清晰的設計,這樣他們的工作會更容易。

        給定大小的尺寸設計系統

        無論是調整文字大小、圖片大小,還是調整留白,都沒有關系,前提是需要確定每個元素的大小。我敢打賭你一定遇到過這種情況:你曾經為一個元素選擇了一個大小,五分鐘后改了一次,然而沒多久又改了一次,也許最后改了無數次才確定下來。

        哪種尺寸最合適?可能是你試過的某一個尺寸,但其實應該避免這個無止境的浪費時間陷阱!

        首先選擇基本單元:8像素網格

        為了使整個設計看起來更簡潔,最好先設置基準單位,然后再確定所有的尺寸。具體選擇多少本來應該由你來定,但通常,最好的選擇是堅持一些經過驗證的規則。其中一條規則是以8像素的倍數來調整和移動元素的大小。這條規則會使決策更有效率。

        px和dp:“dp”這個詞也被用在界面設計和原型設計中。“dp”是“密度無關像素”的縮寫。“這個單位是以160 dpi的屏幕為基準的,1個dp等于160 dpi屏幕上的1個像素,等于320 dpi屏幕上的2個像素,以此類推。數學換算公式是' px = dp * (dpi/160) '。

        注:如果使用的是較小的元素或對象,也可以使用4像素的增量,而不是8像素的增量——偶爾,可以根據需要進行進一步的調整。

        但為什么是8像素呢?

        這里有幾個原因可以解釋為什么8經常像一個“神奇的數字”:

        8像素是一個足夠的最小“增量”。

        8是一個很好的數,因為它能被4和2整除。

        如果使用8,就可以輕松地調整任何元素的大小,而不會出現半像素,比如8 / 2 = 4、4 / 2 = 2和2 / 2 = 1。另一方面,如果你從10開始,你會得到5個像素,然后是2.5個像素,然后是1.25個像素。在設計界面時,盡可能避免一半像素。通過使用完整像素,設計中的元素將對齊到精確的像素邊界,最終看起來更清晰。

        8的倍數(8、16、24、32、40、48、56、64、72、80等)與二進制值(1、2、4、8、16、32、64、128、256、512等)交織在一起。(彩云注:對程序很友好)

        最后,這些數字也很容易記住。

        使用8像素網格的優點是什么?

        作為設計師,決策時間是非常寶貴的。這將使你更快、更有效率。

        如果跟開發對接,這能創建一個體系幫助團隊提升效率。如果開發需要進行一些快速修改,他可以將值調整為8像素的增量。這能確保一致性和有規律。當人們訪問你設計的網站時,他們會感到很舒服,增強信任感和用戶體驗度。

        作者:Tomá? ?aklo?

        譯者:彩云sky

        免責聲明:文章內容來源于網絡,如有侵權,請聯系我們刪除。

        預約申請免費試聽課

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

        上一篇:作為設計達人必須要知道的技巧
        下一篇:不用你花1分錢,帶你完成CAD從入門到精通

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

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

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

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

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

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