中國設(shè)計(jì)網(wǎng):網(wǎng)頁設(shè)計(jì)的七大技巧
對于許多優(yōu)秀網(wǎng)頁設(shè)計(jì)作品都有一些共性,作為網(wǎng)頁設(shè)計(jì)師我們必須要掌握這些設(shè)計(jì)技巧,比如頁面的留白,文字的選擇,元素的組合,像素效果的使用等等!這里我們一共總結(jié)出七種常見的設(shè)計(jì)技巧,對于網(wǎng)頁設(shè)計(jì)師來說可以在許多網(wǎng)站中看到這些技巧的體現(xiàn)!
“高品質(zhì)”是所有人追求的目標(biāo),在網(wǎng)頁設(shè)計(jì)的世界中也不例外。不過何為“品質(zhì)”,如何判斷一項(xiàng)設(shè)計(jì)的品質(zhì)是好還是壞?筆者恰好有一套找出網(wǎng)頁設(shè)計(jì)中品質(zhì)焦點(diǎn)的方法。一旦你了解到如何判斷一項(xiàng)高品質(zhì)的設(shè)計(jì)究竟好在哪里,你就掌握了讓自己的設(shè)計(jì)更趨完美的大量技巧。
這里,中國設(shè)計(jì)網(wǎng)為大家列一些要點(diǎn),并附上相應(yīng)的例子,分享在其他優(yōu)秀網(wǎng)頁設(shè)計(jì)中尋找“高品質(zhì)”的過程。
1、留白
在好的網(wǎng)頁設(shè)計(jì)中我最留意的是那些對設(shè)計(jì)元素之間留白的聰明運(yùn)用。留心不同內(nèi)容區(qū)塊之間的間距和排列方式,能讓你的設(shè)計(jì)的整體感官大不一樣,從而提升設(shè)計(jì)的品質(zhì)。
我覺得處理好留白的關(guān)鍵是從整體上感知設(shè)計(jì)元素。把設(shè)計(jì)稿縮小觀看會(huì)是個(gè)好辦法。
出色的留白處理的實(shí)例:Good.Is
頁面整潔而有開放感,全都得益于設(shè)計(jì)師對文字和圖像之間留白量的準(zhǔn)確把握。
Digital Mash
在大空白上展示的元素往往更具吸引力。Digital Mash的網(wǎng)站創(chuàng)造了極佳的親和力。
Creatica Daily的大量空白
優(yōu)秀的留白運(yùn)用又一次讓網(wǎng)頁內(nèi)容成為焦點(diǎn)。每篇文章中都有大量內(nèi)容,不過該站點(diǎn)的設(shè)計(jì)師們并不憚?dòng)诮o這么多內(nèi)容之間填上大量留白。并不是說你的文字不夠多,就不能用很多留白。
Postbox上也有很多空白
仔細(xì)觀察Postbox的網(wǎng)站,你能看到邊緣處的留白應(yīng)該如何處理。它的方框邊緣有60像素的邊內(nèi)留白。聽起來似乎挺大的,實(shí)際看起來效果卻好極了。
留白時(shí)的錯(cuò)誤
大家在設(shè)計(jì)留白時(shí)的最常見問題就是各個(gè)區(qū)塊的內(nèi)容到邊緣距離太小。不論你的設(shè)計(jì)多么有風(fēng)格,如果你硬要把東西塞得緊緊的,這些風(fēng)格連同設(shè)計(jì)的品質(zhì),就都流失了。
留白不夠的例子
我們已經(jīng)看到PostBox的網(wǎng)站那些大留白創(chuàng)造了多么動(dòng)人的效果,所以下面我們修改一下它的頁面,看看減少留白會(huì)是什么效果。品質(zhì)感明顯下降了。留白的影響就有這么大。
高效控制留白的技巧
各種不同情況下,留白要求都不盡相同。你需要不斷訓(xùn)練自己,做到對留白所能帶來的改變時(shí)刻心中有數(shù),從而有效地利用留白滿足設(shè)計(jì)需求。這要靠個(gè)人感覺的,不過都能從實(shí)踐中鍛煉出來。
使用網(wǎng)格輔助設(shè)計(jì):利用網(wǎng)格當(dāng)然能幫助你理解元素之間的空白。
不斷嘗試:不斷嘗試—失敗—嘗試,直到找到最佳方案。
留白并不是浪費(fèi)空間:空白并不總是等著你去填充的。
沒錯(cuò),少就是多:與其用盡心思填滿某個(gè)區(qū)域,不如就把它留空,只保留至關(guān)重要的信息就好。
有一個(gè)方法能夠看出某人在完成一項(xiàng)網(wǎng)頁設(shè)計(jì)時(shí)是否真的用心了。有時(shí)候創(chuàng)造奇跡的就是一些小細(xì)節(jié),一些別人幾乎無法察覺的細(xì)節(jié)。我所說的 “像素級(jí)的完美”就是指在線條、邊緣和邊框描邊上仔細(xì)推敲。與其就用一條單一的線,不如多加一些細(xì)節(jié)。細(xì)節(jié)可以是細(xì)微的漸變,也完全可以只是一條1像素寬 的細(xì)線(用作表現(xiàn)陰影或高光)。有了這些細(xì)節(jié), 你的設(shè)計(jì)會(huì)大不一樣。有些設(shè)計(jì)師在這方面特擅長:Collis Ta’eed,David Leggett以及Wolfgang Bartelme。
-
2021/12/28
-
2021/12/23
-
2021/12/17
- 愛華仕斬獲“2021年度中國廚衛(wèi)行業(yè)年度智能
- 回首2021,迎戰(zhàn)2022 彩虹線開啟新征程!
- 福臨板材|福滿2021,圓夢2022
- 美特照明:2022年照明新趨勢,經(jīng)銷商如何做大
- 會(huì)自己“洗澡”的集成灶,帥康自動(dòng)清洗集成灶
- 帶你設(shè)計(jì)一款功能多變,簡單實(shí)用的休閑露臺(tái)陽
- 世紀(jì)豪門吊頂:破防了!原來顏值+實(shí)力=H20
- 裝修木門選的好,噪音統(tǒng)統(tǒng)沒煩惱
- 寒潮來了,有淋浴房洗澡更保暖舒服
- 元旦特輯:歐意電器述說生活的點(diǎn)滴與美好
- “中國十大品牌”獲獎(jiǎng)名單出爐,賽戈水漆榮耀
- 2021值得消費(fèi)大賞 凱迪仕智能鎖榮摘兩項(xiàng)桂冠
- 益恩家居:新年新氣象,愛自己從好好睡覺開始
- 元旦伊始:健康新生活,從精格管道直飲水開始
- 喜迎元旦|新年新燈飾 箔晶智能照明讓酒店暖
- 吉美幫的2021 “專精特新” 深耕屋面防水體
- Aqara攜手京東成立燈光設(shè)計(jì)聯(lián)盟 打造燈飾照
- 年底廚房煥新顏,如何選擇廚電?好太太智能來
- 全鋁家具全屋莫蘭迪色系,這款美式輕奢范贏鄰
- 順趨勢·筑鳳巢·贏未來 鳳梧居門窗2021年會(huì)隆