2022-5-29 純純
每個(gè)人都是從初學(xué)者開(kāi)始他的設(shè)計(jì)之旅的,你的審美眼光也要像其他事物一樣經(jīng)過(guò)訓(xùn)練???Dribbble 的設(shè)計(jì)可能是非常有幫助的,但有時(shí)候你只是欣賞設(shè)計(jì),卻不明白為什么。
沒(méi)有靈感、沒(méi)有優(yōu)質(zhì)的設(shè)計(jì)素材、不知道要設(shè)計(jì)什么,所有這些原因都可能會(huì)拖慢你的速度,讓你感到沮喪。所以現(xiàn)在我將和你分享 10 個(gè)極其簡(jiǎn)單的設(shè)計(jì)技巧,幫你改善你的設(shè)計(jì)作品,而且不需要額外學(xué)習(xí)新的技能哦。
請(qǐng)記住,我提供的不是必修遵守的規(guī)則,而是大多數(shù)時(shí)候都有效的技巧。
如果你沒(méi)有好的想法或優(yōu)質(zhì)的設(shè)計(jì)素材,那么你可以把你的作品去色。你可以通過(guò)正確的構(gòu)圖獲得野獸派的設(shè)計(jì)。這么做有助于你理解平衡、留白,以及如何使用文字和幾何圖形。
讓我們來(lái)看一個(gè)案例:
我自己發(fā)明了一套測(cè)試畫面的方法:用簡(jiǎn)單的幾何圖形代表畫面中內(nèi)容,然后通過(guò)比較頁(yè)面中色塊的面積來(lái)確定頁(yè)面是否平衡。當(dāng)你在自己的作品中使用這個(gè)方法時(shí),會(huì)得到下圖這樣的效果。
通常你需要通過(guò)視覺(jué)進(jìn)行判斷,但這里我們可以做一些簡(jiǎn)單的計(jì)算幫助理解:
左邊區(qū)域的黑色矩形加起來(lái)約為:
(236 * 138 ) + (934 * 132 ) + ( 313 * 69 ) + (674 * 44) = 207109 PX
而右邊的大長(zhǎng)方形數(shù)約為:
446×446=198916PX
他們只是相差了一點(diǎn)點(diǎn) 3.9558%。
注意:圓形比長(zhǎng)方形小,但由于相當(dāng)銳利和細(xì)致,使它更吸引人的注意。
我在設(shè)計(jì)之前沒(méi)有計(jì)算過(guò)。經(jīng)過(guò)多年的練習(xí),這只是成為自動(dòng)的,因?yàn)槟愕难劬?huì)感覺(jué)到錯(cuò)誤的平衡。
我之前帶來(lái)的例子是在灰色背景上呈現(xiàn)的,但你可以嘗試不同的東西。這有助于為你的設(shè)計(jì)創(chuàng)造一些景深。但要注意,在一個(gè)真正的網(wǎng)站中,你不會(huì)有那么多額外的空間,所以這只是一個(gè)展示技巧!
不要再整天浪費(fèi)時(shí)間去實(shí)驗(yàn)字體大小。一般情況下以下字體大小是合適的:段落使用 14-18 pt 左右,副標(biāo)題使用 24-36 pt,標(biāo)題使用 96-144 pt 左右。Figma 的默認(rèn)大小對(duì)于排版來(lái)說(shuō)是相當(dāng)不錯(cuò)的。雖然它們看起來(lái)會(huì)很小,但這是正常的。
有些字體相對(duì)于其他字體會(huì)偏大或者偏小,所以你應(yīng)該以標(biāo)準(zhǔn)字體為基礎(chǔ)。比如 Roboto:如果字體大小接近 14-18 pt 的 Roboto,那就非常適合用于段落。
如果你有一些具有透明區(qū)域的圖片,你可以利用它們來(lái)創(chuàng)建一些分層。
在網(wǎng)頁(yè)開(kāi)發(fā)中,CSS 代碼有一個(gè) Z-index 的參數(shù),可以用來(lái)把圖像帶到其他項(xiàng)目的后面或前面,給人一種立體的錯(cuò)覺(jué)。
讓我們看看我的一個(gè)簡(jiǎn)單的設(shè)計(jì),其中就利用了這種技巧。
鮮艷的色彩雖然美好,但往往會(huì)導(dǎo)致畫面過(guò)于刺激。現(xiàn)在非常流行在設(shè)計(jì)中使用更加柔和的色彩,你可以在下圖拾色器中紅色標(biāo)記區(qū)域內(nèi)選取更柔和的顏色。
在我看來(lái),多一些留白要比沒(méi)有留白更好。雜亂無(wú)章的設(shè)計(jì)就通常都很糟。你可以通過(guò)以下方式獲得呼吸感。
1、保持大量的背景可見(jiàn)。
2、用間距避免文字墻效果。
3、使用不會(huì)吸引太多注意力的圖片。
4、精煉你的文字。
通常當(dāng)我們想到設(shè)計(jì)的時(shí)候,我們會(huì)想到干凈、流暢、清晰等概念。但完美就存在于缺陷之中。
在你的設(shè)計(jì)中,當(dāng)你想給自己的網(wǎng)站一個(gè)優(yōu)雅或藝術(shù)的外觀,噪點(diǎn)是一個(gè)強(qiáng)有力的朋友。
此外,應(yīng)用微妙的噪點(diǎn)讓你的構(gòu)圖看起來(lái)像電影一樣,這對(duì)視頻和動(dòng)態(tài)網(wǎng)站來(lái)說(shuō)效果非常好。
你可以通過(guò)使用 Photoshop,在白色背景上創(chuàng)建一個(gè) 2-4 K 的高斯模糊,然后將其應(yīng)用在你的畫板上,從而獲得一些噪點(diǎn)紋理。
我們電腦上預(yù)裝的字體通常都不是很好的選擇。要想找到更好的字體,可以開(kāi)始上網(wǎng)沖浪或看 youtube 視頻,了解精彩的字體和字庫(kù)。
但要注意:很多字體都不是免費(fèi)的,在沒(méi)有授權(quán)的情況下使用它們可能會(huì)給你帶來(lái)麻煩。不過(guò)不用擔(dān)心,大多數(shù)的字體都有免費(fèi)版本!
雖然有大量不同的字體和風(fēng)格,但一般來(lái)說(shuō),我把它們分為三大類。
1、古典字體
2、現(xiàn)代字體
3、正文字體
通常情況下,前兩種也可以用在正文中,只是字體的設(shè)計(jì)者希望你把它們當(dāng)作標(biāo)題來(lái)使用。
古典字體包括Abril Fatface、Playfair Display、Volux、Chalga和許多其他字體。
現(xiàn)代字體包括Metropolis, ITC Avant Garde, Redwing, Takota, Gotham....
這可能是最難利用的技巧,但如果應(yīng)用得當(dāng),畫面會(huì)非常有沖擊力。
利用幾何圖形有助于強(qiáng)化布局中的概念和秩序,甚至不需要使用額外的圖像。找到合適的幾何圖形是很難的。目前我還是不能很好地掌握它。
但是有一個(gè)訣竅是,把你的文案中的字母、數(shù)字和標(biāo)題當(dāng)作幾何圖形:把它們做成巨大但微妙的形狀,或者用一些特定的字母作為形狀(字母 A 就很好用)。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com