- 相關(guān)推薦
新手設計師必看的十條設計技巧
導語(yǔ):這篇文章讓你get到10個(gè)簡(jiǎn)單易用的設計原理,了解這些基本規則,就算新手也可以做出合格的設計,一起來(lái)學(xué)習下吧:
一. 靈活使用對比
為了減輕眼睛的壓力,讓我們有意識的增加對比,使用不同的背景和字體的顏色吧。
通常來(lái)說(shuō),在白色背景上使用黑色文字可讀性是非常好的。避免使用明度很高的灰色或黃色、綠色,以及不使用非常細的字體,就沒(méi)有什么問(wèn)題。
二. 【接近黑的黑】比【黑】更容易閱讀
如果有設置文字黑色的機會(huì )的話(huà),請不要使用純黑色(#000000),讓我們來(lái)使用"灰黑色"(#333333)吧。在純白的背景上疊加純黑,看起來(lái)會(huì )比較晃眼,專(zhuān)注于文字內容會(huì )比較困難。
三. 重要的內容放在最初的位置
首先,通過(guò)布置最重要的情報,來(lái)提高網(wǎng)站和應用的舒適度。重要的內容,就算是沒(méi)有放大、滾動(dòng)、Tap,好好的表現出來(lái)也是非常有必要的。
如何好好利用視覺(jué)層次,讓我們來(lái)參考一些案例吧。在Instagram中,用戶(hù)投稿的照片/視頻清楚的表現出來(lái)焦點(diǎn)。
在Pinterest中,通過(guò)將搜索欄配置在頂部,列出了一個(gè)非常漂亮的網(wǎng)格式布局內容。對于應用程序來(lái)說(shuō),搜索作為核心功能能發(fā)現新的內容和情報,為了尋找Pinterest也會(huì )被使用。
再來(lái)稍微看一些其他的案例。
在Spotify中,將音樂(lè )專(zhuān)輯的作品作為開(kāi)頭,緊接著(zhù)是歌曲名,最后是配置控制按鈕。相較于快進(jìn)/快退,它被設計成更注重播放/錄制按鈕。
四. 將所有的東西整列好
在你在設計一個(gè)【和別人不同的】【有趣的】的作品之前,最先需要解決的問(wèn)題是,確認各個(gè)要素之間是否對齊。只要對齊,就可以提升應用程序、網(wǎng)站和平面設計的外觀(guān)了。
此外,作為"對齊"有關(guān)的一個(gè)參考案例,讓我們看看Medium.com吧。它有些地方看起來(lái)很可笑。
在布局的左側,優(yōu)質(zhì)的內容并沒(méi)有很好的體現出對齊,而右側的主要內容卻很好進(jìn)行了整理排列。
五. 當心字符的尺寸和間距
通過(guò)調整字體尺寸來(lái)讓閱讀更方便,調整字符間距來(lái)讓內容更加容易理解。
△ 適合的文字尺寸和不適合的文字尺寸適合的文字尺寸和不適合的文字尺寸
△ 適合的空間和不適合的空間適合的空間和不適合的空間
六. 搜索結果按順序排列是非常重要的時(shí)候,請使用【列表顯示】
眾多的移動(dòng)APP和Web應用中,有多少種類(lèi)型搜索結果的表示方法直到現在都還在討論。
其結果是,如果順序是很重要情況下,列表形式將是最有效的展現方法。如果不管搜索結果的順序如何,目的是幫助用戶(hù)發(fā)現新的內容,那網(wǎng)格則是能帶動(dòng)視線(xiàn)的不二之選。
七. 先進(jìn)行黑白設計,然后再追加顏色
用黑白的單色設計,是可以解決APP的核心問(wèn)題點(diǎn)的一種設計。
由于顏色能無(wú)意識的反應出人的感情,在設計UI組件時(shí)可能會(huì )成為一種阻礙。
八. 目標是舒適的設計
如果想解決單手操作時(shí)帶來(lái)的操作問(wèn)題,可以參考下圖。
在該圖示中,直觀(guān)的反應出了右手操作智能手機時(shí)的狀態(tài),在設計APP時(shí)可以有效的使用這種技術(shù),如屏幕的下面的1/3處布置導航菜單等核心的功能。
九. 使用完美的配色板
顏色也是一門(mén)奧秘很深的藝術(shù),為你的設計選擇合適的配色是非常重要的。在Dribbble可以找到不錯的調色板,非常推薦使用像Coolors或Color Claim這樣的調色板生成工具。
十. 了解Apple或Google的設計原則
Apple和Google開(kāi)源了對開(kāi)發(fā)Android、iOS 用軟件的人來(lái)說(shuō)重要且極好的資源。
例如,在谷歌material的概要中,從APP設計的指導方針開(kāi)始,齊聚了各種素材資源、配色、圖標、部件資源。
而在A(yíng)pple中,則有著(zhù)Human Interface Guideline,通常被稱(chēng)為HIG的文件編制。該準則為你詳細介紹了設計iOS應用程序所需的知識。
總結
想發(fā)現設計中所出現的問(wèn)題所在,長(cháng)時(shí)間的練習是非常有必要的。通過(guò)靈活使用這次介紹的設計方法,來(lái)做出更棒的設計吧。那么,一起來(lái)享受設計吧。
【新手設計師必看的設計技巧】相關(guān)文章:
淘寶新手客服必看溝通技巧08-30
淘寶新手客服必看的溝通技巧10-18
2016年新手上路必看的駕駛技巧08-14
新手室內設計師談單技巧08-23
手動(dòng)擋車(chē)駕駛技巧 新手入門(mén)必看08-11
景觀(guān)設計師必看濕地知識09-14
平面設計新手入門(mén)技巧10-21
必看:營(yíng)銷(xiāo)技巧08-03
怎樣調整汽車(chē)后視鏡?新手必看09-04
新手化妝技巧10-21