首頁?>?知識(shí)?資訊?>?網(wǎng)站如何運(yùn)用平面的設(shè)計(jì)技巧 設(shè)計(jì)網(wǎng)站更好看。?>?正文

網(wǎng)站如何運(yùn)用平面的設(shè)計(jì)技巧 設(shè)計(jì)網(wǎng)站更好看。

2019/9/3 0:00:00 · 稿源:傳誠信

設(shè)計(jì)網(wǎng)站中平面設(shè)計(jì)的應(yīng)用相當(dāng)廣泛,在FB、Twitter 這類社群媒體、職場報(bào)告或設(shè)計(jì)邀請(qǐng)函等等;面對(duì)這些情況,平面設(shè)計(jì)的技巧一定能夠?qū)?/span>網(wǎng)站設(shè)計(jì)師們的朋友們相當(dāng)大的幫助。

字體如何選擇、搭配布局規(guī)格、留白的運(yùn)用等等,透過這26條史詩級(jí)設(shè)計(jì)要訣,幫助你渡過不必要的麻煩!

1. 管好你要用的字體們

epic01.png

Remix this design

選擇簡單而易讀性較高的字體,且盡可能地使用統(tǒng)一的字體組合,閱讀起來也會(huì)相對(duì)協(xié)調(diào)。
?

2.勇敢地放大它

epic01.png

Remix this design

適時(shí)強(qiáng)調(diào)你要的內(nèi)容,將字體、形狀等元件放大或運(yùn)用些色彩做搭配,讓這些內(nèi)容看起來會(huì)更加醒目。
?

3. 妥善調(diào)配字元間距

epic01.png

Remix this design

字與字之間的空間、文字的對(duì)齊或者排版時(shí),都需要做視整體來做調(diào)整。間距的縮放依然要顧慮到文字的閱讀性;避免太過擁擠或太過分離。
?

4. 憑著敏銳度選用顏色

epic01.png

Remix this design

配色上可以有一至三種的主色方案、另外一至三種的次要顏色方案;選取同一色系的不同色調(diào),相較起來具有一致性。色調(diào)的明亮差異會(huì)為配色帶來對(duì)比效果,精致的文字可以用深色背景還襯托;提高清晰度、閱讀性。

5. 整潔、爽朗、清晰

epic01.png

Remix this design

透過調(diào)整背景圖片與文字內(nèi)容之間的明亮對(duì)比度讓設(shè)計(jì)更清晰、可讀性提升。通常而言,利用純黑或純白的文字都能立即呈現(xiàn)出效果。

6. 字體也富有感情

epic01.png

Remix this design

選字體就像選你要唱的歌一樣;字體與內(nèi)容有一體的曲調(diào)風(fēng)格。字體有圓潤邊角會(huì)讓視覺更親切一些,有棱有角看起來鏗鏘有力,襯線字體則感覺精致優(yōu)雅。

7. 利用對(duì)齊營造秩序

epic01.png

Remix this design

對(duì)齊與對(duì)稱都能讓設(shè)計(jì)作品產(chǎn)生秩序的氛圍;相對(duì)來說,對(duì)齊可運(yùn)用范疇更為廣泛。

8. 保持簡單

epic01.png

Remix this design

保持簡單,但也別忽略最基本的設(shè)計(jì)原則。字體對(duì)比配色的選用、字型大小可讀性與否,用穩(wěn)固而平衡的排版做為架構(gòu)。

9. 神奇的多頁面文件

epic01.png

Remix this design

為了讓多個(gè)頁面文件風(fēng)格一致性,最快速的方法就是利用復(fù)制,再進(jìn)行文字更改、替換圖片。妥善地運(yùn)用線條點(diǎn)綴,保持樣式的一致性。

10.創(chuàng)新與原創(chuàng)

epic01.png

Remix this design

如同研究,平面設(shè)計(jì)的技巧和思考一樣都需要?jiǎng)?chuàng)新與原創(chuàng)。你未必要和普羅大眾都用一樣的字體與樣式;避免潮流并走出自己的風(fēng)格,為自己的設(shè)計(jì)更上一層。

11.以層次排列內(nèi)容

epic01.png

Remix this design

將內(nèi)容和訊息排列層次化是視覺設(shè)計(jì)最重要的一個(gè)環(huán)節(jié),調(diào)整你的內(nèi)容元件色彩、比例,可觀察到它在整體視覺里很重要性的變化。

12.活用對(duì)稱效果

epic01.png

Remix this design

利用水平、垂直線和其他設(shè)計(jì)元件對(duì)稱,是許多杰出設(shè)計(jì)作品充分運(yùn)用的一種技巧。運(yùn)用時(shí),要記住對(duì)稱雙方在視覺的厚度能夠一致、保持均衡。

13.偶爾,讓雙眼放松一下

epic01.png

Remix this design

休息是為了走更長遠(yuǎn)的路;適當(dāng)?shù)姆潘赡茏屇闾嵴衲芰?、恢?fù)效率、激發(fā)靈感。偶爾離開電腦螢?zāi)?,去散散步、看看風(fēng)景也好。

14.采用同一家族的字體

epic01.png

Remix this design

要讓文字排版更整體一致,最好的辦法就是找到一組高矮胖瘦、粗斜體字型都包含其中的字體,這樣一定能夠一致性,又具多樣性。

15.巧妙的留白

Remix this design

留白的設(shè)計(jì)會(huì)賦予各個(gè)元件足夠呼吸的空間,給使用者想像的空間。它讓內(nèi)容更加集中、易讀,也不會(huì)因?yàn)榱鑱y造成分心。

16.三思而后行

epic01.png

Remix this design

在著手設(shè)計(jì)之前,先確定你對(duì)所有細(xì)節(jié)與需求全盤了解。學(xué)習(xí)、閱讀、調(diào)查、找資料;素材的搜集讓你掌握足夠一定的事實(shí)和內(nèi)容,而調(diào)查則會(huì)確保這項(xiàng)設(shè)計(jì)是經(jīng)過思量之后的結(jié)果。

17.創(chuàng)造情緒板

epic01.png

Remix this design

用一個(gè)簡單容易的情緒板,將圖片、色板和其它作品集中起來。這樣可以方便你尋找靈感,找到共同的特點(diǎn)、主題、調(diào)色盤,最后應(yīng)用到設(shè)計(jì)當(dāng)中。

18.仿效與創(chuàng)造

epic01.png

Remix this design

使用譬如Canva social stream或其他網(wǎng)站來瀏覽它人作品尋求靈感;借助搜尋和條件篩選找到符合你需求的作品、風(fēng)格或樣式,在仿效和創(chuàng)造當(dāng)中勾勒出自己的作品。

19.關(guān)心時(shí)事

epic01.png

Remix this design

不論你職場或工作如何,都要對(duì)周遭所聞保持關(guān)注。從社群媒體了解新聞時(shí)事,對(duì)時(shí)下動(dòng)態(tài)擁有最新資訊一定會(huì)對(duì)你有所助益。

20.想法無疆界

epic01.png

Remix this design

往往最有創(chuàng)意的人都是擅于跳脫思考的。別讓現(xiàn)在隨處可見的符號(hào)桎梏了設(shè)計(jì),直覺地設(shè)計(jì)或許更能表達(dá)你不同凡響的想法。

21.關(guān)鍵在于對(duì)比

epic01.png

Remix this design

對(duì)比所制造的效果往往是作品脫穎而出的重點(diǎn)要素。用濾鏡來調(diào)整圖片對(duì)比,用黑白來呈現(xiàn)圖片細(xì)節(jié),用大小來呈現(xiàn)比例差異等等。

22.點(diǎn)亮你的作品

epic01.png

Remix this design

創(chuàng)造戲劇性的沖突美感,代表不同情緒的色彩融入設(shè)計(jì)當(dāng)中,使設(shè)計(jì)耳目一新。

23.隨身帶著筆記本

epic01.png

Remix this design

不論你坐在火車、正在執(zhí)勤或要準(zhǔn)備上床睡覺了,靈感可能在這一秒忽然乍現(xiàn);所以隨時(shí)做好準(zhǔn)備很重要。保持帶著筆記本的習(xí)慣,隨時(shí)都能迎靈感光臨的那一刻。在筆記本上草圖記錄當(dāng)下想法,為之后可能成為新的設(shè)計(jì)藍(lán)圖做好準(zhǔn)備。

24.失敗為成功之母

epic01.png

Remix this design

「人誰無過,過而能改,善莫大焉?!箯腻e(cuò)誤中記取經(jīng)驗(yàn),是學(xué)習(xí)并成長的重要過程;走過無止境的嘗試與錯(cuò)敗之路,才能將你的設(shè)計(jì)推向極致。

25.別讓圖片赤裸裸

epic01.png

這里不是指圖片本身的內(nèi)容,而是關(guān)于圖片的排版;別赤裸裸地將圖片直接擺在那里。把圖片們適當(dāng)用框架或格線使之對(duì)齊,會(huì)讓整體設(shè)計(jì)更顯專業(yè)。

26.最后,技巧在精而不在多

epic01.png

Remix this design

排列分明有層次、文字清晰也可讀、對(duì)比留白活運(yùn)用,所有技巧用得好,也要用得正確;給予設(shè)計(jì)足夠的呼吸空間,才是精華。

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354