国产第|页草草影院

  • <xmp id="624qc">
    <optgroup id="624qc"></optgroup>
  • 七種用戶界面設計的實用技巧

    發布時間:2020-07-21 10:53:00

    每一個UI設計師都必須面對一個需要做出可視化決策的時刻,不管他們是否喜歡。

    每一個UI設計師都必須面對一個需要做出可視化決策的時刻,不管他們是否喜歡。

    你可以說,“我沒有能力把這個設計做得更好。我不是藝術家。但事實證明,有很多設計技巧可以讓你在沒有設計基礎的情況下做好工作。這里有七個簡單的設計技巧,你可以用來提高你的設計能力。在設計界面時,一個常見的錯誤是僅僅依靠字體大小來劃分層次結構。嘗試通過改變顏色和字體來做同樣的事情,而不是僅僅改變字體大小。“沒那么重要。我們用淺色吧?!?/span>作為一種重要信息顏色(例如,文章的標題)的黑色,但不是純黑色

    作為次要信息顏色的灰色(例如文章發表的日期)淺灰色作為補充內容(如版權信息等)一個是正常的字號適合大多數單詞一是粗體字體適合你想強調的部分在白色背景上使用淺灰字是一種很好的信息弱化方法,但不適合于彩色背景。

    這是因為淺灰色用于白色背景,兩種顏色之間的對比度很小。在顏色背景下,使文字顏色接近背景顏色會更好的區分層次。有兩種方法可以降低彩色背景中文本和背景之間的對比度:使用白色文本并降低其透明度,使文本的顏色不與背景沖突并降低對比度。

    當背景是圖片或其他圖形時,此方法看起來比降低透明度更好。選擇一種與背景顏***調相同的顏色,調整飽和度和亮度,直到你看起來正確為止。不要只使用模糊和分散在一個大面積,使陰影看起來更明顯。向陰影添加垂直位移。就像我們在現實**中看到的那樣,當一束光線從上到下照射時,它看起來更自然。類似地,此方法可以應用于輸入框中的陰影:

    當需要拆分兩個元素時,請盡量不要使用邊框和拆分線。雖然邊界是區分兩個不同元素的方便方法,但它們并不是的方法,使用過多的邊界和分割線會使界面看起來很混亂。

    下次設計接口時,請嘗試下列操作之一:通常只需為相鄰元素提供稍微不同的背景色即可區分它們:如何更好地區分界面中的不同元素?這是一個讓不同元素組之間的間距變大的好方法。如果你不是一個平面設計師,如何使你的界面脫穎而出,與良好的插圖和照片的界面。讓你的界面看起來很棒的一個簡單技巧是添加一個彩色的頂部邊框。

    在頂部添加矩形條不需要任何設計技巧,但它可以使界面看起來更具設計感。如果你在選擇顏色上有困難,你可以參考運球顏色搜索上的顏色,這樣你就可以避免在眾多顏色中選擇合適的顏色。當一個頁面上有多個按鈕時,如果有多個顏色沒有關鍵點,就必須根據按鈕的語義來判斷要點擊的按鈕,降低了交互效率。

    像bootstrap這樣的前端框架使得不同顏色的按鈕代表不同的含義:“這是積極的反饋嗎?使用綠色按鈕?!?/span>“是否要刪除數據?使用紅色按鈕?!?/span>界面中按鈕的含義很重要,但有一個非常重要的維度很容易忘記:信息級別。每個界面中控件的重要性都像金字塔一樣排列。大多數頁面都有一個主控件、一些次要控件和一些不經常單擊的控件。在設計這些控件時,請考慮這些控件的信息級別。

    主要行動應該是顯而易見的。字符的顏色應與背景色形成鮮明對比。次要作用應明確但不突出。下優等的控制(tertiaryaction)應該是非常寬容的,但不明顯。這些控件的樣式通常是帶下劃線的鏈接。“負面反饋按鈕呢?必須是紅色的嗎?”這不是的。如果此按鈕不是頁面中的主按鈕,則可以將其視為輔助或更高級別的按鈕。

    對于界面中的重要控件(如確認對話框),請使用明顯的紅粗體樣式:


    国产第|页草草影院
  • <xmp id="624qc">
    <optgroup id="624qc"></optgroup>