如何創(chuàng)建UI視覺設計?
2020-03-03 732
如何創(chuàng)建UI視覺設計?
視覺設計語言是設計系統(tǒng)的核心。它由可用于構(gòu)造數(shù)字產(chǎn)品的可識別組件組成。您的視覺設計語言由四個主要類別組成,您應該考慮這些設計元素在屏幕上每個組件中所扮演的角色。
顏色
設計系統(tǒng)中的常見顏色包括代表您品牌的1-3原色。您可能希望包括一系列色調(diào)(一種顏色與白色混合)和陰影(一種顏色與黑色混合),以便為您的設計師提供更多選擇。
版式
大多數(shù)設計系統(tǒng)僅包含2種字體:1種用于標題和正文的字體,以及一種等寬字體的代碼。保持簡單,以避免過載和用戶混亂。盡量減少字體數(shù)量;這不僅是版式設計的最佳做法,而且還可以防止由于過度使用網(wǎng)絡字體而導致的性能問題。
尺寸和間距
有節(jié)奏和平衡時,用于間距和大小調(diào)整的系統(tǒng)看起來最好。基于4的縮放比例由于其在iOS和Android標準,ICO大小格式,甚至是標準瀏覽器字體大小中的使用而越來越受歡迎,成為推薦的縮放比例。
意象
用視覺設計語言成功實現(xiàn)圖像的關(guān)鍵在于制定計劃并堅持下去。設置插圖和圖標的準則,并針對情況使用最佳圖像格式。
視覺設計語言是設計系統(tǒng)的核心。它由可用于構(gòu)造數(shù)字產(chǎn)品的可識別組件組成。您的視覺設計語言由四個主要類別組成,您應該考慮這些設計元素在屏幕上每個組件中所扮演的角色。
顏色
設計系統(tǒng)中的常見顏色包括代表您品牌的1-3原色。您可能希望包括一系列色調(diào)(一種顏色與白色混合)和陰影(一種顏色與黑色混合),以便為您的設計師提供更多選擇。
版式
大多數(shù)設計系統(tǒng)僅包含2種字體:1種用于標題和正文的字體,以及一種等寬字體的代碼。保持簡單,以避免過載和用戶混亂。盡量減少字體數(shù)量;這不僅是版式設計的最佳做法,而且還可以防止由于過度使用網(wǎng)絡字體而導致的性能問題。
尺寸和間距
有節(jié)奏和平衡時,用于間距和大小調(diào)整的系統(tǒng)看起來最好。基于4的縮放比例由于其在iOS和Android標準,ICO大小格式,甚至是標準瀏覽器字體大小中的使用而越來越受歡迎,成為推薦的縮放比例。
意象
用視覺設計語言成功實現(xiàn)圖像的關(guān)鍵在于制定計劃并堅持下去。設置插圖和圖標的準則,并針對情況使用最佳圖像格式。