2022-01-24 10:24:37|已瀏覽:288次
(一)正確選擇字體大小
如果您查看一些優秀的設計,會發現字體大小的一致性。
注意:還請記住,您的設計中僅需要兩種(可能是三種)字體。首先定義一些在整個項目中使用的關鍵字體大小。(例如:使用30、31和32像素是愚蠢的,需要將這三個非常相似的尺寸合并為一個。)
標準字體大小帶來兩個好處:
您的設計將更一致,更優雅。這將加快設計過程,并使您效率更高。定義字體大小時,請確保不要以相同的增量來增加字體大小。當您放大文本時,它應該是非線性的。這意味著您創建的文本越大,增量應該越大。
假設您有一個12像素字體大小的文本塊,并且想要放大它。您嘗試14像素,您會感到滿意。但請想象一下,您有一個較大的標題(40像素),并且希望將其放大。您是否將尺寸僅增加2個像素,從40增大到42?當然不是。從視覺上講,文本需要進行更大的更改。您可能需要將其增加24像素,從而獲得更大的64像素標題。
簡而言之,這意味著您希望文本越大,則需要使用的增量越大。這個非常簡單的原理不僅適用于文本,還適用于按鈕的大小,空格和其他所有內容。
定義所有字體大小后,還需要注意行距。對于線高,請使用4像素的增量。例如,對于16像素的文本,我們將行高設置為24像素。如果想讓文本呼吸得更好,則將行高增加4像素,達到28像素。(二)定義項目的顏色
你知道有多少種顏色組合嗎?很多!如果不預先定義顏色陰影,則會浪費太多時間。您不能將自己限制為黑色,白色,例如藍色。對于每種顏色,您將需要其他陰影,因此必須預先設置它們,以使陰影在整個設計項目中保持一致是很重要的。我們不想在設計中造成混亂。每種顏色的目標是5到10個陰影。我更喜歡為每種顏色定義9種陰影。
為什么每種顏色有9個陰影?
第一個優點是顏色命名。無論您使用的是圖形編輯器還是CSS代碼,都一定會從此技巧中受益。每個陰影將被分配一個數字,例如100、200、300、400、500、600、700、800和900。(為什么是以百計數?通常,這也是字體的組織方式。)
其次,9是用于定義顏色的便捷數字。準備這些陰影的最佳方法是準備一行9個正方形,并用顏色填充正方形。中間的一個將是基礎顏色。然后,定義最淺的陰影(在最左側)和最暗的陰影(在最右側)。下一步是選擇兩者之間的色調。
元素的不同大小,類型和狀態在進行設計時,通常將使用無數個圖標,按鈕和其他組件。同樣,最好為它們預先準備幾種尺寸,并將選項限制為盡可能少。在設計過程中,請勿添加其他尺寸,也不要嘗試調整組件的尺寸以滿足您的需求。相反,只需使用您已經定義的設計,整個設計就會更加一致和整潔。
以按鈕為例。開始時,您需要定義它們的層次結構。為此,使一個按鈕具有主要作用,一個按鈕具有次要作用。為每個按鈕指定其狀態(有效,無效)和顏色變體。始終嘗試將元素的數量減少至最重要的元素。
(三)定義其他元素的屬性
用戶界面設計師經常在設計工作中使用陰影。但是,對于經驗不足的設計師來說,陰影有時會很掙扎。創建陰影時,必須設置陰影沿x軸和y軸的距離,以及模糊半徑,顏色和透明度。陰影可能需要花費很多時間進行微調,這就是為什么要在進入設計之前準備一組陰影的原因。另外,請注意將要使用的元素的所有其他屬性,例如角半徑,透明度和顏色漸變。
正確調整空白很重要。無論您是從外部(邊距)還是從內部(邊距)偏移元素,都應再次依靠8的倍數。將偏移量增加8像素(小元素為4)。與字體大小一樣,您想要的間隙越大,增量就必須越大(同樣,您需要預先定義這些增量)。注:尊重原創文章,轉載請注明出處和鏈接 http://www.dedgn.cn/news-id-17684.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050
姓名:
手機:
地區: