新手設計師必看的十條設計技巧
導語:這篇文章讓你get到10個簡單易用的設計原理,瞭解這些基本規則,就算新手也可以做出合格的設計,一起來學習下吧:
一. 靈活使用對比
為了減輕眼睛的壓力,讓我們有意識的增加對比,使用不同的背景和字型的顏色吧。
通常來說,在白色背景上使用黑色文字可讀性是非常好的。避免使用明度很高的灰色或黃色、綠色,以及不使用非常細的字型,就沒有什麼問題。
二. 【接近黑的黑】比【黑】更容易閱讀
如果有設定文字黑色的機會的話,請不要使用純黑色(#000000),讓我們來使用"灰黑色"(#333333)吧。在純白的背景上疊加純黑,看起來會比較晃眼,專注於文字內容會比較困難。
三. 重要的內容放在最初的位置
首先,通過佈置最重要的情報,來提高網站和應用的舒適度。重要的內容,就算是沒有放大、滾動、Tap,好好的表現出來也是非常有必要的。
如何好好利用視覺層次,讓我們來參考一些案例吧。在Instagram中,使用者投稿的照片/視訊清楚的表現出來焦點。
在Pinterest中,通過將搜尋欄配置在頂部,列出了一個非常漂亮的網格式佈局內容。對於應用程式來說,搜尋作為核心功能能發現新的內容和情報,為了尋找Pinterest也會被使用。
再來稍微看一些其他的案例。
在Spotify中,將音樂專輯的作品作為開頭,緊接著是歌曲名,最後是配置控制按鈕。相較於快進/快退,它被設計成更注重播放/錄製按鈕。
四. 將所有的東西整列好
在你在設計一個【和別人不同的】【有趣的】的作品之前,最先需要解決的問題是,確認各個要素之間是否對齊。只要對齊,就可以提升應用程式、網站和平面設計的外觀了。
此外,作為"對齊"有關的一個參考案例,讓我們看看吧。它有些地方看起來很可笑。
在佈局的左側,優質的內容並沒有很好的體現出對齊,而右側的主要內容卻很好進行了整理排列。
五. 當心字元的尺寸和間距
通過調整字型尺寸來讓閱讀更方便,調整字元間距來讓內容更加容易理解。
△ 適合的文字尺寸和不適合的文字尺寸適合的文字尺寸和不適合的文字尺寸
△ 適合的空間和不適合的空間適合的空間和不適合的空間
六. 搜尋結果按順序排列是非常重要的時候,請使用【列表顯示】
眾多的移動APP和Web應用中,有多少種類型搜尋結果的表示方法直到現在都還在討論。
其結果是,如果順序是很重要情況下,列表形式將是最有效的展現方法。如果不管搜尋結果的順序如何,目的是幫助使用者發現新的內容,那網格則是能帶動視線的不二之選。
七. 先進行黑白設計,然後再追加顏色
用黑白的單色設計,是可以解決APP的核心問題點的一種設計。
由於顏色能無意識的.反應出人的感情,在設計UI元件時可能會成為一種阻礙。
八. 目標是舒適的設計
如果想解決單手操作時帶來的操作問題,可以參考下圖。
在該圖示中,直觀的反應出了右手操作智慧手機時的狀態,在設計APP時可以有效的使用這種技術,如螢幕的下面的1/3處佈置導航選單等核心的功能。
九. 使用完美的配色板
顏色也是一門奧祕很深的藝術,為你的設計選擇合適的配色是非常重要的。在Dribbble可以找到不錯的調色盤,非常推薦使用像Coolors或Color Claim這樣的調色盤生成工具。
十. 瞭解Apple或Google的設計原則
Apple和Google開源了對開發Android、iOS 用軟體的人來說重要且極好的資源。
例如,在谷歌material的概要中,從APP設計的指導方針開始,齊聚了各種素材資源、配色、圖示、部件資源。
而在Apple中,則有著Human Interface Guideline,通常被稱為HIG的檔案編制。該準則為你詳細介紹了設計iOS應用程式所需的知識。
總結
想發現設計中所出現的問題所在,長時間的練習是非常有必要的。通過靈活使用這次介紹的設計方法,來做出更棒的設計吧。那麼,一起來享受設計吧。
-
色彩在平面設計中的應用
在平面設計的過程中,圖、文、色都十分重要。下面是小編分享的色彩在平面設計中的應用,歡迎大家閱讀!一、色彩與人文色彩是視色素興奮而產生的視覺現象,色彩視覺是物質作用於人的視覺器官而產生的一種生理反應,這種反應作用於人的心理,產生了相應的心理反應,它能改變...
-
標誌設計的步驟是怎樣的
導語:標誌的設計要能夠體現企業或者是品牌的特點和文化風貌,因此要經過製作團隊一定的調查和探究,具體應該遵循,瞭解物件,確立構思方案,成稿,這樣一個大體的步驟。那標誌設計的步驟是怎樣的?下面就由小編為大家介紹一下,希望對大家有所幫助!1、首先了解物件的使用目的、...
-
怎麼做一個多圖形標誌
導語:相較於字型標誌來說,多圖型的標誌貌似雜亂,卻也有它自己的優勢在其中,比如好記憶。那怎麼做一個多圖形標誌呢?下面就由小編為大家介紹一下,希望對大家有所幫助!1.建立一個簡單的基調辦公用品中最基本的就是名片,信紙,和信封,雖然這些東西尺寸和材質都不一樣,但它們都...
-
CorelDraw繪圖技巧
CorelDRAW軟體為便於設計需要,該軟體提供了一整套的圖形精確定位和變形控制方案。這給商標、標誌等需要準確尺寸的設計帶來極大的便利。下面是yjbys小編整理的CorelDraw繪圖的技巧,希望對你有幫助!1、保證平滑漸變當你在CorelDraw8中創造漸變時,獲得平滑的中間形...