設(shè)計工作前需要掌握的基礎(chǔ)知識

在上周有讀者問了一個問題:如何才能成為一位優(yōu)秀的視覺設(shè)計師拴疤?

正如我在想著如何回答這個問題時,可以結(jié)合自己最近學(xué)習(xí)一門新語言談?wù)勔恍┫敕ǚ淇疲驗檫@和從零開始入門新語言的學(xué)習(xí)方式是一樣的延蟹。首先是從基礎(chǔ)知識開始,例如名詞、代詞和動詞等包斑,以它們?yōu)榛A(chǔ)進(jìn)行組合及相互作用會構(gòu)成很復(fù)雜的語句流礁。

語言作為彼此交流的一種方式,同理視覺設(shè)計也就是一種視覺語言罗丰,所以學(xué)習(xí)視覺語言和學(xué)習(xí)新語言的原理幾乎沒有區(qū)別神帅。

優(yōu)秀的視覺設(shè)計并不是與生俱來的,但是要想成為一名優(yōu)秀的視覺設(shè)計師萌抵,其必須要做到:嚴(yán)格要求找御。如果自己是有意識的去努力和改進(jìn),那么成為優(yōu)秀視覺設(shè)計師就更近一步绍填。

在這里我將會列出一些基本的設(shè)計原則霎桅,如果能夠花大量時間充分的吸收,將會在我們的視覺設(shè)計上提升到一個新的高度讨永。


1.回到最基本的字體設(shè)計

我們可以通過字體來了解很多基礎(chǔ)設(shè)計知識滔驶,因為字體是設(shè)計中最基礎(chǔ)的。



從字體庫中感受各自微妙的區(qū)別卿闹,來尋找合適字體來作為整個視覺設(shè)計的基本元素揭糕。為了選擇合適的字體設(shè)計,就不得不了解一些關(guān)于字體設(shè)計的基礎(chǔ)知識锻霎。

嘗試使用不同風(fēng)格的字體著角,理解行高、字間距和主體等專業(yè)詞匯旋恼,這篇文章能很好的幫你理解字體設(shè)計的相關(guān)知識:如何理解字體設(shè)計

如果我們的設(shè)計在網(wǎng)絡(luò)上使用吏口,那么就需要了解web的相關(guān)字體規(guī)范。


字體搭配的好壞可以成就或毀掉一個設(shè)計


最后,如何合理的選擇字體锨侯,在這里可以找到很多資料:typewolf 嫩海、Font Pair


2.合理的使用空間

間距能幫助我們在設(shè)計時保證視覺水平和垂直的布局,另外在創(chuàng)建視覺層次結(jié)構(gòu)和元素之間的視覺焦點時起到很重要的作用囚痴。


合適的使用空間叁怪,以保證視覺平衡


我們可以在Behance和Dribbble上尋找感覺,學(xué)習(xí)其他設(shè)計師在處理不同元素時的空間關(guān)系變化深滚。但最重要的還是為了達(dá)到元素之間的視覺平衡奕谭,要努力提高對空間的敏感度。

在了解字體設(shè)計時痴荐,可以注意到字間距的重要性血柳。但合適的調(diào)整字間距和大小是需要長時間刻意練習(xí)的,這里我們可以嘗試網(wǎng)站:KERNTYPE?來保證字間距生兆、大小與實際打印之間的效果對比难捌。


Craig Welsh極簡風(fēng)格的獲獎海報


這里有一個幫助訓(xùn)練視覺敏感度的簡單方法:利用現(xiàn)有的設(shè)計稿,繪制出X軸和y軸鸦难,將設(shè)計稿簡化為基本的形狀根吁,分析出視覺稿之間的元素的平衡關(guān)系并重新排列元素,然后重點關(guān)注留白區(qū)域的影響合蔽。


3.使用大小關(guān)系建立視覺層次

當(dāng)涉及到視覺層次時击敌,最有效的方法就是:調(diào)整元素大小。


網(wǎng)格對于大小很有用輔助作用


網(wǎng)格對于大小很有用輔助作用拴事,通過使用網(wǎng)格的比例關(guān)系來調(diào)整元素大小沃斤,從而表達(dá)這種層級關(guān)系。還要注意的一點:確定了一個元素的大小刃宵,請在此后所有設(shè)計中保證大小一致衡瓶。


使用元素的大小關(guān)系來建立視覺層次


這里有方法可以提高視覺敏感度,而其關(guān)鍵在于反饋:提供草圖或線框圖牲证,然后請其他人幫忙查看鞍陨,并標(biāo)記出焦點元素,然后讓他們根據(jù)視覺權(quán)重對焦點元素進(jìn)行編號从隆,最后查看編號的結(jié)果是否符合設(shè)計預(yù)期诚撵。

做這個練習(xí)時,請注意一下幾點:

(1)此設(shè)計中需要表達(dá)的目標(biāo)是什么键闺?如何來優(yōu)化并達(dá)到目標(biāo)寿烟?

(2)設(shè)計中不同元素之間的關(guān)系是什么?哪些元素是需要強(qiáng)調(diào)的辛燥?

(3)排版布局是否能夠成功的引導(dǎo)用戶合理有效的瀏覽信息筛武?


4.合理使用顏色

顏色在設(shè)計中扮演很多的角色缝其,它可以準(zhǔn)確的傳達(dá)設(shè)計意義,并與用戶建立情感共鳴徘六,并使設(shè)計效果更加突出内边。


顏色有助于傳達(dá)設(shè)計意義


為了更加深入的了解,可以閱讀我之前的文章:顏色在設(shè)計中的應(yīng)用?

在這里引入幾個要點:

(1)在選擇調(diào)色板之前待锈,先確定設(shè)計目標(biāo)漠其,因為好的設(shè)計使用的顏色通常與其目標(biāo)一致;

(2)理解目標(biāo)受眾對于色彩的偏好竿音,根據(jù)不同的地區(qū)和屎、文化習(xí)俗、經(jīng)驗等都會產(chǎn)生偏差春瞬;

(3)選擇調(diào)色板時柴信,簡單是最基本的要求,不能太花哨宽气,例如選擇中性背景顏色随常,然后確定主色和強(qiáng)調(diào)色,最后根據(jù)不同的UI控件選擇錯誤和正確狀態(tài)的顏色提示萄涯。

當(dāng)對色彩理論有了基本理解之后绪氛,就會很容易運用到實際的設(shè)計和產(chǎn)品迭代中,這里需要積極跳出舒適區(qū)窃判,并嘗試使用新的調(diào)色板。


電影和電視節(jié)目就是一個色彩靈感庫


一個方法訓(xùn)練色彩靈敏度的方法:為我們周圍的事物花時間繪制調(diào)色板喇闸,例如:照片袄琳、雜志或者是最喜歡的電視節(jié)目。然后將新的調(diào)色板應(yīng)用到現(xiàn)有設(shè)計中去燃乍,然后仔細(xì)理解和感知它們會如何的影響情感和調(diào)性唆樊,這樣做會帶來什么效果。

把設(shè)計工作作為一種工藝刻蟹,因為它總是不斷完善的逗旁,并憑借著不斷自我完善的動力就能成就優(yōu)秀的視覺設(shè)計師。

以上就是我的回答舆瘪,謝謝片效!

作者:Jonathan Z. White

原文鏈接:Before you can master design, you must first master the fundamentals

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市英古,隨后出現(xiàn)的幾起案子淀衣,更是在濱河造成了極大的恐慌,老刑警劉巖召调,帶你破解...
    沈念sama閱讀 221,273評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件膨桥,死亡現(xiàn)場離奇詭異蛮浑,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)只嚣,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評論 3 398
  • 文/潘曉璐 我一進(jìn)店門沮稚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人册舞,你說我怎么就攤上這事蕴掏。” “怎么了环础?”我有些...
    開封第一講書人閱讀 167,709評論 0 360
  • 文/不壞的土叔 我叫張陵囚似,是天一觀的道長。 經(jīng)常有香客問我线得,道長饶唤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,520評論 1 296
  • 正文 為了忘掉前任贯钩,我火速辦了婚禮募狂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘角雷。我一直安慰自己祸穷,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,515評論 6 397
  • 文/花漫 我一把揭開白布勺三。 她就那樣靜靜地躺著雷滚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吗坚。 梳的紋絲不亂的頭發(fā)上祈远,一...
    開封第一講書人閱讀 52,158評論 1 308
  • 那天,我揣著相機(jī)與錄音商源,去河邊找鬼车份。 笑死,一個胖子當(dāng)著我的面吹牛牡彻,可吹牛的內(nèi)容都是我干的扫沼。 我是一名探鬼主播,決...
    沈念sama閱讀 40,755評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼庄吼,長吁一口氣:“原來是場噩夢啊……” “哼缎除!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起总寻,我...
    開封第一講書人閱讀 39,660評論 0 276
  • 序言:老撾萬榮一對情侶失蹤伴找,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后废菱,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體技矮,經(jīng)...
    沈念sama閱讀 46,203評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡抖誉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,287評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了衰倦。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片袒炉。...
    茶點故事閱讀 40,427評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖樊零,靈堂內(nèi)的尸體忽然破棺而出我磁,到底是詐尸還是另有隱情,我是刑警寧澤驻襟,帶...
    沈念sama閱讀 36,122評論 5 349
  • 正文 年R本政府宣布夺艰,位于F島的核電站,受9級特大地震影響沉衣,放射性物質(zhì)發(fā)生泄漏郁副。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,801評論 3 333
  • 文/蒙蒙 一豌习、第九天 我趴在偏房一處隱蔽的房頂上張望存谎。 院中可真熱鬧,春花似錦肥隆、人聲如沸既荚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽恰聘。三九已至,卻和暖如春吸占,著一層夾襖步出監(jiān)牢的瞬間晴叨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工旬昭, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留篙螟,地道東北人菌湃。 一個月前我還...
    沈念sama閱讀 48,808評論 3 376
  • 正文 我出身青樓问拘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親惧所。 傳聞我的和親對象是個殘疾皇子骤坐,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,440評論 2 359

推薦閱讀更多精彩內(nèi)容