設(shè)計(jì)網(wǎng)站中平面設(shè)計(jì)的應(yīng)用相當(dāng)廣泛,在FB、Twitter 這類(lèi)社群媒體、職場(chǎng)報(bào)告或設(shè)計(jì)邀請(qǐng)函等等;面對(duì)這些情況,平面設(shè)計(jì)的技巧一定能夠?qū)?/span>網(wǎng)站設(shè)計(jì)師們的朋友們相當(dāng)大的幫助。
字體如何選擇、搭配布局規(guī)格、留白的運(yùn)用等等,透過(guò)這26條史詩(shī)級(jí)設(shè)計(jì)要訣,幫助你渡過(guò)不必要的麻煩!
1. 管好你要用的字體們
選擇簡(jiǎn)單而易讀性較高的字體,且盡可能地使用統(tǒng)一的字體組合,閱讀起來(lái)也會(huì)相對(duì)協(xié)調(diào)。
?
2.勇敢地放大它
適時(shí)強(qiáng)調(diào)你要的內(nèi)容,將字體、形狀等元件放大或運(yùn)用些色彩做搭配,讓這些內(nèi)容看起來(lái)會(huì)更加醒目。
?
3. 妥善調(diào)配字元間距
字與字之間的空間、文字的對(duì)齊或者排版時(shí),都需要做視整體來(lái)做調(diào)整。間距的縮放依然要顧慮到文字的閱讀性;避免太過(guò)擁擠或太過(guò)分離。
?
4. 憑著敏銳度選用顏色
配色上可以有一至三種的主色方案、另外一至三種的次要顏色方案;選取同一色系的不同色調(diào),相較起來(lái)具有一致性。色調(diào)的明亮差異會(huì)為配色帶來(lái)對(duì)比效果,精致的文字可以用深色背景還襯托;提高清晰度、閱讀性。
5. 整潔、爽朗、清晰
透過(guò)調(diào)整背景圖片與文字內(nèi)容之間的明亮對(duì)比度讓設(shè)計(jì)更清晰、可讀性提升。通常而言,利用純黑或純白的文字都能立即呈現(xiàn)出效果。
6. 字體也富有感情
選字體就像選你要唱的歌一樣;字體與內(nèi)容有一體的曲調(diào)風(fēng)格。字體有圓潤(rùn)邊角會(huì)讓視覺(jué)更親切一些,有棱有角看起來(lái)鏗鏘有力,襯線(xiàn)字體則感覺(jué)精致優(yōu)雅。
7. 利用對(duì)齊營(yíng)造秩序
對(duì)齊與對(duì)稱(chēng)都能讓設(shè)計(jì)作品產(chǎn)生秩序的氛圍;相對(duì)來(lái)說(shuō),對(duì)齊可運(yùn)用范疇更為廣泛。
8. 保持簡(jiǎn)單
保持簡(jiǎn)單,但也別忽略最基本的設(shè)計(jì)原則。字體對(duì)比配色的選用、字型大小可讀性與否,用穩(wěn)固而平衡的排版做為架構(gòu)。
9. 神奇的多頁(yè)面文件
為了讓多個(gè)頁(yè)面文件風(fēng)格一致性,最快速的方法就是利用復(fù)制,再進(jìn)行文字更改、替換圖片。妥善地運(yùn)用線(xiàn)條點(diǎn)綴,保持樣式的一致性。
10.創(chuàng)新與原創(chuàng)
如同研究,平面設(shè)計(jì)的技巧和思考一樣都需要?jiǎng)?chuàng)新與原創(chuàng)。你未必要和普羅大眾都用一樣的字體與樣式;避免潮流并走出自己的風(fēng)格,為自己的設(shè)計(jì)更上一層。
11.以層次排列內(nèi)容
將內(nèi)容和訊息排列層次化是視覺(jué)設(shè)計(jì)最重要的一個(gè)環(huán)節(jié),調(diào)整你的內(nèi)容元件色彩、比例,可觀察到它在整體視覺(jué)里很重要性的變化。
12.活用對(duì)稱(chēng)效果
利用水平、垂直線(xiàn)和其他設(shè)計(jì)元件對(duì)稱(chēng),是許多杰出設(shè)計(jì)作品充分運(yùn)用的一種技巧。運(yùn)用時(shí),要記住對(duì)稱(chēng)雙方在視覺(jué)的厚度能夠一致、保持均衡。
13.偶爾,讓雙眼放松一下
休息是為了走更長(zhǎng)遠(yuǎn)的路;適當(dāng)?shù)姆潘赡茏屇闾嵴衲芰?、恢?fù)效率、激發(fā)靈感。偶爾離開(kāi)電腦螢?zāi)唬ド⑸⒉?、看看風(fēng)景也好。
14.采用同一家族的字體
要讓文字排版更整體一致,最好的辦法就是找到一組高矮胖瘦、粗斜體字型都包含其中的字體,這樣一定能夠一致性,又具多樣性。
15.巧妙的留白
留白的設(shè)計(jì)會(huì)賦予各個(gè)元件足夠呼吸的空間,給使用者想像的空間。它讓內(nèi)容更加集中、易讀,也不會(huì)因?yàn)榱鑱y造成分心。
16.三思而后行
在著手設(shè)計(jì)之前,先確定你對(duì)所有細(xì)節(jié)與需求全盤(pán)了解。學(xué)習(xí)、閱讀、調(diào)查、找資料;素材的搜集讓你掌握足夠一定的事實(shí)和內(nèi)容,而調(diào)查則會(huì)確保這項(xiàng)設(shè)計(jì)是經(jīng)過(guò)思量之后的結(jié)果。
17.創(chuàng)造情緒板
用一個(gè)簡(jiǎn)單容易的情緒板,將圖片、色板和其它作品集中起來(lái)。這樣可以方便你尋找靈感,找到共同的特點(diǎn)、主題、調(diào)色盤(pán),最后應(yīng)用到設(shè)計(jì)當(dāng)中。
18.仿效與創(chuàng)造
使用譬如Canva social stream或其他網(wǎng)站來(lái)瀏覽它人作品尋求靈感;借助搜尋和條件篩選找到符合你需求的作品、風(fēng)格或樣式,在仿效和創(chuàng)造當(dāng)中勾勒出自己的作品。
19.關(guān)心時(shí)事
不論你職場(chǎng)或工作如何,都要對(duì)周遭所聞保持關(guān)注。從社群媒體了解新聞時(shí)事,對(duì)時(shí)下動(dòng)態(tài)擁有最新資訊一定會(huì)對(duì)你有所助益。
20.想法無(wú)疆界
往往最有創(chuàng)意的人都是擅于跳脫思考的。別讓現(xiàn)在隨處可見(jiàn)的符號(hào)桎梏了設(shè)計(jì),直覺(jué)地設(shè)計(jì)或許更能表達(dá)你不同凡響的想法。
21.關(guān)鍵在于對(duì)比
對(duì)比所制造的效果往往是作品脫穎而出的重點(diǎn)要素。用濾鏡來(lái)調(diào)整圖片對(duì)比,用黑白來(lái)呈現(xiàn)圖片細(xì)節(jié),用大小來(lái)呈現(xiàn)比例差異等等。
22.點(diǎn)亮你的作品
創(chuàng)造戲劇性的沖突美感,代表不同情緒的色彩融入設(shè)計(jì)當(dāng)中,使設(shè)計(jì)耳目一新。
23.隨身帶著筆記本
不論你坐在火車(chē)、正在執(zhí)勤或要準(zhǔn)備上床睡覺(jué)了,靈感可能在這一秒忽然乍現(xiàn);所以隨時(shí)做好準(zhǔn)備很重要。保持帶著筆記本的習(xí)慣,隨時(shí)都能迎靈感光臨的那一刻。在筆記本上草圖記錄當(dāng)下想法,為之后可能成為新的設(shè)計(jì)藍(lán)圖做好準(zhǔn)備。
24.失敗為成功之母
「人誰(shuí)無(wú)過(guò),過(guò)而能改,善莫大焉?!箯腻e(cuò)誤中記取經(jīng)驗(yàn),是學(xué)習(xí)并成長(zhǎng)的重要過(guò)程;走過(guò)無(wú)止境的嘗試與錯(cuò)敗之路,才能將你的設(shè)計(jì)推向極致。
25.別讓圖片赤裸裸
這里不是指圖片本身的內(nèi)容,而是關(guān)于圖片的排版;別赤裸裸地將圖片直接擺在那里。把圖片們適當(dāng)用框架或格線(xiàn)使之對(duì)齊,會(huì)讓整體設(shè)計(jì)更顯專(zhuān)業(yè)。
26.最后,技巧在精而不在多
排列分明有層次、文字清晰也可讀、對(duì)比留白活運(yùn)用,所有技巧用得好,也要用得正確;給予設(shè)計(jì)足夠的呼吸空間,才是精華。