在掌握設(shè)計(jì)之前,您必須先掌握基礎(chǔ)知識(shí)

上周轻黑,我的一位讀者提出了一個(gè)問(wèn)題:我如何成為一名更好的視覺(jué)設(shè)計(jì)師糊肤?

當(dāng)我在思考如何回答這個(gè)問(wèn)題時(shí),我的思緒依賴(lài)于我學(xué)習(xí)普通話(huà)的經(jīng)驗(yàn)氓鄙。 最近馆揉,我決定自學(xué)普通話(huà)。 在學(xué)習(xí)新語(yǔ)言時(shí)抖拦,首先必須從基礎(chǔ)知識(shí)開(kāi)始升酣。 名詞,代詞和動(dòng)詞構(gòu)成了傳達(dá)更復(fù)雜思想的基礎(chǔ)态罪。

語(yǔ)言是人們將概念相互交流的一種方式噩茄。 視覺(jué)設(shè)計(jì)是一種視覺(jué)語(yǔ)言。 學(xué)習(xí)視覺(jué)設(shè)計(jì)與學(xué)習(xí)新語(yǔ)言沒(méi)有什么不同向臀。

良好的視覺(jué)設(shè)計(jì)并非誕生巢墅。 它們是制造的。 成為更好的視覺(jué)設(shè)計(jì)師的關(guān)鍵是嚴(yán)謹(jǐn)。 如果您有意識(shí)地努力君纫,您將只會(huì)作為視覺(jué)設(shè)計(jì)師進(jìn)行改進(jìn)驯遇。

以下是您應(yīng)該掌握的一些基礎(chǔ)知識(shí),以便您將視覺(jué)設(shè)計(jì)提升到新的水平蓄髓。

基礎(chǔ)#1:回到類(lèi)型的基礎(chǔ)知識(shí)

您可以通過(guò)查看排版來(lái)了解設(shè)計(jì)師叉庐。 這是因?yàn)轭?lèi)型是設(shè)計(jì)的基礎(chǔ)。


Type as?imagery

您只需輸入類(lèi)型即可創(chuàng)建整個(gè)設(shè)計(jì)会喝。 您還可以基于類(lèi)型設(shè)計(jì)基礎(chǔ)陡叠,從您選擇的字體中獲取微妙的隊(duì)列。 為了改善設(shè)計(jì)中的排版肢执,首先要學(xué)習(xí)基礎(chǔ)知識(shí)枉阵。

開(kāi)發(fā)用于描述類(lèi)型的詞匯表。 了解跟蹤预茄,字距調(diào)整和主要方法等術(shù)語(yǔ)兴溜。 您應(yīng)該知道的印刷術(shù)語(yǔ)的精美插圖詞匯是學(xué)習(xí)這些術(shù)語(yǔ)的絕佳視覺(jué)資源。

然后耻陕,如果您想全面了解如何將排版應(yīng)用于Web拙徽,請(qǐng)閱讀Web排版:應(yīng)用于Web的排版樣式元素。


Font pairing can make or break a?design

最后诗宣,學(xué)習(xí)如何將字體組合在一起膘怕。 FontWolf和FontPair是一個(gè)很好的資源。 能夠?qū)⒆煮w配對(duì)在一起將極大地改變您的設(shè)計(jì)動(dòng)態(tài)召庞。

為了更深入地探索排版岛心,你可以閱讀我的文章:排版可以使你的設(shè)計(jì)...或打破它。

基本原則#2:利用空間創(chuàng)造平衡

間距有助于在您的設(shè)計(jì)中建立垂直和水平運(yùn)動(dòng)裁眯。 它對(duì)于創(chuàng)建視覺(jué)層次結(jié)構(gòu)和形成元素之間的關(guān)聯(lián)至關(guān)重要鹉梨。


Create balance and visual?harmony

您可以隨時(shí)查看Behance和Dribbble等網(wǎng)站讳癌,了解如何使用空間元素穿稳。 但是,發(fā)展自己的直覺(jué)來(lái)利用空間來(lái)創(chuàng)造平衡和視覺(jué)和諧非常重要晌坤。

在學(xué)習(xí)排版時(shí)逢艘,您可能已經(jīng)注意到間距類(lèi)型的重要性。 調(diào)整字距和字體前導(dǎo)是一種很好的練習(xí)方式骤菠,可以培養(yǎng)你的間距它改。 因此,我建議您嘗試使用KernType商乎,這是一款將您的字距調(diào)整解決方案與印刷工作者解決方案進(jìn)行比較的游戲央拖。


Simplification of award winning poster by Craig?Welsh

另一項(xiàng)有助于培養(yǎng)您眼睛的練習(xí)如下:采用現(xiàn)有設(shè)計(jì),繪制x和y軸,將設(shè)計(jì)簡(jiǎn)化為基本形狀鲜戒,分析設(shè)計(jì)如何平衡专控,然后重新排列元素。 密切關(guān)注負(fù)空間如何影響元素的平衡遏餐。

基本#3:使用大小來(lái)建立視覺(jué)層次結(jié)構(gòu)

在創(chuàng)建視覺(jué)層次結(jié)構(gòu)時(shí)伦腐,大小調(diào)整是首屈一指的。 通過(guò)使用大小來(lái)傳達(dá)元素之間的視覺(jué)關(guān)系失都,您可以建立流程柏蘑。


Sizing is one of the reasons why grids are?useful

大小調(diào)整是網(wǎng)格有用的原因之一。 您可以使用網(wǎng)格來(lái)幫助您使用比率來(lái)調(diào)整元素的大小以表達(dá)重要性粹庞。

確定元素的大小后咳焚,在所有實(shí)例中保持相同。 在設(shè)計(jì)中庞溜,一致性是王道黔攒。


Use size to establish visual hierarchy


這是一個(gè)練習(xí),有助于培養(yǎng)你的尺寸强缘。

關(guān)鍵是要求反饋督惰。

草繪或線框化著陸頁(yè)。 然后請(qǐng)朋友看看你的設(shè)計(jì)旅掂。 讓他們?nèi)Τ鲎钔怀龅脑亍?然后赏胚,讓他們根據(jù)視覺(jué)重量對(duì)帶圓圈的元素進(jìn)行編號(hào)。 結(jié)果是你所期望的嗎商虐?

在進(jìn)行此練習(xí)時(shí)觉阅,請(qǐng)記住以下問(wèn)題:

目標(biāo)網(wǎng)頁(yè)的轉(zhuǎn)化目標(biāo)是什么? 您如何優(yōu)化以實(shí)現(xiàn)目標(biāo)秘车?

不同元素之間有什么關(guān)系典勇? 你想強(qiáng)調(diào)哪些元素?

您的布局是否成功引導(dǎo)用戶(hù)注意整個(gè)頁(yè)面叮趴?

基本#4:用顏色來(lái)表達(dá)意義

顏色扮演很多角色割笙。 它傳達(dá)意義,創(chuàng)造情感共鳴眯亦,并為設(shè)計(jì)帶來(lái)統(tǒng)一伤溉。


Color helps convey meaning in?design

要深入了解顏色,您可以閱讀我的文章Designing in Color妻率。 以下是文章中的幾個(gè)要點(diǎn)乱顾。

在選擇調(diào)色板之前確定設(shè)計(jì)的目的咸灿。 良好的設(shè)計(jì)使其調(diào)色板與其目的一致逐虚。

確定您的受眾群體休玩。 人們對(duì)顏色的看法不同。 顏色根據(jù)個(gè)人偏好烫扼,文化教養(yǎng)和經(jīng)歷對(duì)人們產(chǎn)生不同的影響姻政。

選擇調(diào)色板時(shí)浩考,簡(jiǎn)潔是關(guān)鍵廊移。 選擇中性背景顏色。 然后選擇主要和次要強(qiáng)調(diào)色舵鳞。 最后根據(jù)您的其他顏色震檩,為您的不同UI狀態(tài)選擇錯(cuò)誤和成功顏色。

一旦掌握了色彩理論的基礎(chǔ)知識(shí)蜓堕,色彩就會(huì)歸結(jié)為實(shí)驗(yàn)和迭代抛虏。 積極嘗試突破您的舒適區(qū)并嘗試新的調(diào)色板。


Movies and shows are a great source of color inspiration


這是一個(gè)有助于培養(yǎng)你的色彩的練習(xí)套才。

花時(shí)間為你周?chē)氖挛锞庉嬚{(diào)色板迂猴,比如照片,雜志和你最喜歡的節(jié)目背伴。 然后采用現(xiàn)有設(shè)計(jì)并為其應(yīng)用新的調(diào)色板沸毁。

注意它如何改變?cè)O(shè)計(jì)的情緒和基調(diào)。 它也改變了意義嗎傻寂?

把你的工作視為一種工藝息尺,因?yàn)榭傆幸恍〇|西你可以改進(jìn)。 依靠自己成為成為更好的設(shè)計(jì)師的動(dòng)力疾掰。

您可以在我每周發(fā)布的簡(jiǎn)書(shū)中找到我搂誉。 或者你可以在微博上關(guān)注我,在那里我發(fā)布關(guān)于設(shè)計(jì)静檬,前端開(kāi)發(fā)和虛擬現(xiàn)實(shí)的非感性翻譯炭懊。

附: 如果您喜歡這篇文章,請(qǐng)您點(diǎn)擊并與朋友分享拂檩。

原文鏈接

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末侮腹,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子稻励,更是在濱河造成了極大的恐慌父阻,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钉迷,死亡現(xiàn)場(chǎng)離奇詭異至非,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)糠聪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)谐鼎,“玉大人舰蟆,你說(shuō)我怎么就攤上這事趣惠。” “怎么了身害?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵味悄,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我塌鸯,道長(zhǎng)侍瑟,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任丙猬,我火速辦了婚禮涨颜,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘茧球。我一直安慰自己庭瑰,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布抢埋。 她就那樣靜靜地躺著弹灭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪揪垄。 梳的紋絲不亂的頭發(fā)上穷吮,一...
    開(kāi)封第一講書(shū)人閱讀 51,554評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音饥努,去河邊找鬼酒来。 笑死,一個(gè)胖子當(dāng)著我的面吹牛肪凛,可吹牛的內(nèi)容都是我干的堰汉。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼伟墙,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼翘鸭!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起戳葵,我...
    開(kāi)封第一講書(shū)人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤就乓,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后拱烁,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體生蚁,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年戏自,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了邦投。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡擅笔,死狀恐怖志衣,靈堂內(nèi)的尸體忽然破棺而出屯援,到底是詐尸還是另有隱情,我是刑警寧澤念脯,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布狞洋,位于F島的核電站,受9級(jí)特大地震影響绿店,放射性物質(zhì)發(fā)生泄漏吉懊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一假勿、第九天 我趴在偏房一處隱蔽的房頂上張望借嗽。 院中可真熱鬧,春花似錦废登、人聲如沸淹魄。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)甲锡。三九已至,卻和暖如春羽戒,著一層夾襖步出監(jiān)牢的瞬間缤沦,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工易稠, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留缸废,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓驶社,卻偏偏與公主長(zhǎng)得像企量,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子亡电,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

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

  • 目的:UI設(shè)計(jì)的目的是為了更好服務(wù)用戶(hù)届巩;能讓用戶(hù)快速完成自己的目標(biāo); UI設(shè)計(jì)的發(fā)展趨勢(shì):全鏈路和復(fù)合化的設(shè)計(jì)人才...
    quantre閱讀 11,035評(píng)論 9 83
  • 在上周有讀者問(wèn)了一個(gè)問(wèn)題:如何才能成為一位優(yōu)秀的視覺(jué)設(shè)計(jì)師份乒? 正如我在想著如何回答這個(gè)問(wèn)題時(shí)恕汇,可以結(jié)合自己最近學(xué)習(xí)...
    Charles_UI閱讀 680評(píng)論 0 3
  • 上周,我的一位讀者發(fā)了一個(gè)問(wèn)題:如何成為一個(gè)好的視覺(jué)設(shè)計(jì)師或辖? 正如我在想如何回答這個(gè)問(wèn)題一樣瘾英。最近我決定自學(xué)普通話(huà)...
    SKYUI閱讀 1,548評(píng)論 0 2
  • 這個(gè)故事也是媽媽講給我聽(tīng)的,也算是一個(gè)口口相傳的離奇的事件颂暇。 我的姥姥家也就是媽媽的娘家缺谴,在他們那個(gè)村屬于大姓人家...
    逆時(shí)空成長(zhǎng)閱讀 514評(píng)論 0 3
  • “約定在湖藍(lán)色雨天見(jiàn)面呢瓣赂∮苌В” 下過(guò)雨的夏日午后片拍,空氣中混雜著潮濕煌集,以及和著青草氣息的泥土味,好像很輕捌省,也好像很重苫纤,...
    山與_閱讀 286評(píng)論 0 0