10大網(wǎng)頁(yè)設(shè)計(jì)師都會(huì)犯的錯(cuò)誤,你中槍了嗎
責(zé)任編輯:神州華宇 來(lái)源:北京網(wǎng)站建設(shè) 點(diǎn)擊:105 發(fā)表時(shí)間:2019-03-23
在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中,我們都會(huì)犯錯(cuò)誤,有些我們可以歸結(jié)為設(shè)計(jì)草率或者太年輕,有些錯(cuò)誤你想把他永遠(yuǎn)藏起來(lái)。有一個(gè)好消息是其實(shí)你完全可以避免這些錯(cuò)誤,壞消息是每一個(gè)設(shè)計(jì)師在他的設(shè)計(jì)生涯中這些錯(cuò)誤至少都犯過(guò)一回。
避免這些設(shè)計(jì)上的錯(cuò)誤最關(guān)鍵的部分就是要知道這些錯(cuò)誤是什么,從而你能感覺(jué)自己要犯這些錯(cuò)誤,立馬意識(shí)到這是錯(cuò)的。
網(wǎng)頁(yè)設(shè)計(jì)師
1.糟糕的字體排版
字體的排版能夠成就一個(gè)設(shè)計(jì)也能夠毀掉一個(gè)設(shè)計(jì)。糟糕的選擇包括太多的字體,難以辨認(rèn)的排版以及選擇的類型并不符合內(nèi)容表現(xiàn)出的情緒和語(yǔ)氣。
糟糕的字體排版
怎樣去避免呢?做好下面的事情能夠幫助你創(chuàng)建更好的字體排版。
一個(gè)設(shè)計(jì)堅(jiān)持一到兩種字體。
成對(duì)的字體看上去要有相似的感覺(jué)。
根據(jù)視覺(jué)效果選擇成對(duì)的襯線字體或者無(wú)襯線字體。
注意字體的粗細(xì)與背景的對(duì)比度。確保字體和畫布之前有明顯的對(duì)比使得每一個(gè)字都能清楚的顯示便于閱讀。
確保選擇的字體風(fēng)格與內(nèi)容相符。一個(gè)律師在網(wǎng)站上不會(huì)在每一句話的末尾都加上感嘆號(hào),因此選擇的字體不要總是表達(dá)一樣的感情。
2.不進(jìn)行校對(duì)
不進(jìn)行校對(duì)
拼寫錯(cuò)誤對(duì)設(shè)計(jì)師來(lái)說(shuō)是死罪。在最終版本中出現(xiàn)拼寫錯(cuò)誤是不專業(yè)的也是無(wú)法取得客戶原諒的事。沒(méi)有一個(gè)人愿意讀完一篇滿是拼寫錯(cuò)誤的博客……校對(duì)錯(cuò)誤的成本很高。不過(guò)大多數(shù)的客戶不會(huì)接受一個(gè)有錯(cuò)誤的成品,重新來(lái)過(guò)的成本更高。
怎樣去避免呢?完成你的設(shè)計(jì)后,瀏覽一篇,回頭重新讀一遍。有必要的話重復(fù)這一過(guò)程。
3.忘記打包文件
現(xiàn)在是時(shí)候?qū)⒆罱K的成品發(fā)給客戶了,不要僅僅只發(fā)一張圖片或者未加工的文檔。這是遠(yuǎn)遠(yuǎn)不夠的。你必須完整地打包你在項(xiàng)目中所用的東西。忘記打包可能會(huì)給打開(kāi)你設(shè)計(jì)的人帶來(lái)許多問(wèn)題-圖片不見(jiàn)了,字體被替換了或者其它元素丟失損壞了。
怎樣去避免呢?打包所有東西,提供項(xiàng)目的所有文件。(許多客戶合同可能已經(jīng)規(guī)定了這一點(diǎn)是必須的,最好將這一點(diǎn)養(yǎng)成習(xí)慣。)如果你使用的是Adobe軟件,使用打包功能,他會(huì)幫你把一個(gè)文件中的所有東西打包。如果可能的話你也可以自己手動(dòng)打包這些主題。建立圖片文件夾,圖形,字體,視頻或者任何你使用的元素,包括你最終設(shè)計(jì)的文件夾。
4.柵格圖形和圖標(biāo)
柵格圖形和圖標(biāo)
跟著我重復(fù):柵格是錯(cuò)的。(好吧,不完全正確,但是你能領(lǐng)會(huì)到其中的意思。)在大多數(shù)例子中,圖像例如圖標(biāo)或者背景應(yīng)該被設(shè)計(jì)成矢量形式的。柵格文件例如電子圖片,由成千上萬(wàn)的像素點(diǎn)組成。在特定的尺寸下這些像素點(diǎn)將變得非常明顯。
怎樣去避免呢?設(shè)計(jì)矢量型的圖形元素。矢量永遠(yuǎn)不會(huì)失去其清晰的分辨率,因?yàn)樗怯镁€條和曲線創(chuàng)建的圖形,不是像素。因此不管你決定將你的矢量圖形用在什么地方-網(wǎng)頁(yè),打印,移動(dòng)設(shè)備或者其它任何地方。他看起總是一樣的。
5.害怕留白
大多數(shù)設(shè)計(jì)師都知道使用留白,但是仍是掉進(jìn)留白的陷阱中,因?yàn)樗麄兛偸潜M力在每一處空白塞入足夠多的信息。這樣的結(jié)果只會(huì)是一團(tuán)糟,破壞了你的整體設(shè)計(jì)。
怎樣去避免呢?給每個(gè)元素足夠的空間。元素之間需要一些間距免得他們碰撞在一起。
分組相似的元素,在他們的外圍增加額外的空白和其它元素區(qū)分開(kāi)來(lái)。
時(shí)刻考慮到引導(dǎo)和主體內(nèi)容。
編輯復(fù)制下來(lái)這樣你就能在合適的位置獲得信息。
元素內(nèi)部和外部空白相同。
使用網(wǎng)格幫助我們管理信息和空白。
6.不合理的字距調(diào)整(或者不調(diào)整)
不合理的字距調(diào)整
不去調(diào)整字距在一個(gè)完整和不完整的項(xiàng)目中是看起來(lái)有明顯的不同。字距的調(diào)整就是每個(gè)字母間空白的調(diào)整。成對(duì)的字母間間隙太大或者距離太近都會(huì)使文字閱讀困難。
怎樣去避免呢?如果你將文字做明顯展示,手工去調(diào)整是比較合適的。手動(dòng)的字體調(diào)整能夠使字體之間的間距更合理。密切關(guān)注你項(xiàng)目中的每一個(gè)大字體,在需要的情況下調(diào)整字母。
7.忘記計(jì)算出血區(qū)
如果你要打印,你可能需要留出出血區(qū)。出血區(qū)-打印區(qū)域的外部邊緣-確保裁剪出最終完成的打印文件。如果你從開(kāi)始的時(shí)候忘記設(shè)置一個(gè)出血區(qū),嚴(yán)重的可能導(dǎo)致重做或者一個(gè)重要的圖片區(qū)域被裁剪。
怎樣去避免呢?在你開(kāi)始工作前和打印人員溝通,為每一個(gè)需要打印的項(xiàng)目檢查是否需要預(yù)留出血區(qū)。堅(jiān)持這樣的做法。
8.使用太多的技巧
使用太多的技巧
技巧就像字體的排版:使用太多只會(huì)一團(tuán)糟。額外的效果例如陰影,動(dòng)效和浮雕應(yīng)該被單獨(dú)使用。即使是時(shí)髦的技巧也是一樣的。這些技巧會(huì)耽誤整個(gè)設(shè)計(jì),特別是一時(shí)的時(shí)髦是短暫的。如果你義無(wú)反顧的采用了一種時(shí)髦的效果,你可能面臨著你的設(shè)計(jì)會(huì)變得一片混亂的風(fēng)險(xiǎn)。讓你的內(nèi)容決定你的設(shè)計(jì)走向。
怎樣去避免呢?選擇一種效果并堅(jiān)持。這就足夠了。
9.使用太多的顏色
使用太多的顏色
一個(gè)弱化的不規(guī)則的配色會(huì)產(chǎn)生很多問(wèn)題。太多的顏色難以搭配在一起會(huì)顯得凌亂,擁擠和不正式。
怎樣去避免呢?堅(jiān)持兩到三種顏色。顏色之間應(yīng)該有足夠的對(duì)比用來(lái)區(qū)分。
10.所有元素對(duì)稱
完美的對(duì)稱相當(dāng)乏味。如果每一個(gè)項(xiàng)目中每個(gè)元素都是對(duì)稱的,會(huì)使得看的人失去興趣。
怎樣去避免呢?當(dāng)一個(gè)設(shè)計(jì)中需要對(duì)稱時(shí),弱化他或者有一點(diǎn)破壞平衡的感覺(jué)。非對(duì)稱的設(shè)計(jì)也能平衡協(xié)調(diào)各種對(duì)稱的元素。
小結(jié)
避免這些設(shè)計(jì)上的錯(cuò)誤最關(guān)鍵的部分就是要知道這些錯(cuò)誤是什么,從而你能感覺(jué)自己要犯這些錯(cuò)誤,立馬意識(shí)到這是錯(cuò)的。
網(wǎng)頁(yè)設(shè)計(jì)師
1.糟糕的字體排版
字體的排版能夠成就一個(gè)設(shè)計(jì)也能夠毀掉一個(gè)設(shè)計(jì)。糟糕的選擇包括太多的字體,難以辨認(rèn)的排版以及選擇的類型并不符合內(nèi)容表現(xiàn)出的情緒和語(yǔ)氣。
糟糕的字體排版
怎樣去避免呢?做好下面的事情能夠幫助你創(chuàng)建更好的字體排版。
一個(gè)設(shè)計(jì)堅(jiān)持一到兩種字體。
成對(duì)的字體看上去要有相似的感覺(jué)。
根據(jù)視覺(jué)效果選擇成對(duì)的襯線字體或者無(wú)襯線字體。
注意字體的粗細(xì)與背景的對(duì)比度。確保字體和畫布之前有明顯的對(duì)比使得每一個(gè)字都能清楚的顯示便于閱讀。
確保選擇的字體風(fēng)格與內(nèi)容相符。一個(gè)律師在網(wǎng)站上不會(huì)在每一句話的末尾都加上感嘆號(hào),因此選擇的字體不要總是表達(dá)一樣的感情。
2.不進(jìn)行校對(duì)
不進(jìn)行校對(duì)
拼寫錯(cuò)誤對(duì)設(shè)計(jì)師來(lái)說(shuō)是死罪。在最終版本中出現(xiàn)拼寫錯(cuò)誤是不專業(yè)的也是無(wú)法取得客戶原諒的事。沒(méi)有一個(gè)人愿意讀完一篇滿是拼寫錯(cuò)誤的博客……校對(duì)錯(cuò)誤的成本很高。不過(guò)大多數(shù)的客戶不會(huì)接受一個(gè)有錯(cuò)誤的成品,重新來(lái)過(guò)的成本更高。
怎樣去避免呢?完成你的設(shè)計(jì)后,瀏覽一篇,回頭重新讀一遍。有必要的話重復(fù)這一過(guò)程。
3.忘記打包文件
現(xiàn)在是時(shí)候?qū)⒆罱K的成品發(fā)給客戶了,不要僅僅只發(fā)一張圖片或者未加工的文檔。這是遠(yuǎn)遠(yuǎn)不夠的。你必須完整地打包你在項(xiàng)目中所用的東西。忘記打包可能會(huì)給打開(kāi)你設(shè)計(jì)的人帶來(lái)許多問(wèn)題-圖片不見(jiàn)了,字體被替換了或者其它元素丟失損壞了。
怎樣去避免呢?打包所有東西,提供項(xiàng)目的所有文件。(許多客戶合同可能已經(jīng)規(guī)定了這一點(diǎn)是必須的,最好將這一點(diǎn)養(yǎng)成習(xí)慣。)如果你使用的是Adobe軟件,使用打包功能,他會(huì)幫你把一個(gè)文件中的所有東西打包。如果可能的話你也可以自己手動(dòng)打包這些主題。建立圖片文件夾,圖形,字體,視頻或者任何你使用的元素,包括你最終設(shè)計(jì)的文件夾。
4.柵格圖形和圖標(biāo)
柵格圖形和圖標(biāo)
跟著我重復(fù):柵格是錯(cuò)的。(好吧,不完全正確,但是你能領(lǐng)會(huì)到其中的意思。)在大多數(shù)例子中,圖像例如圖標(biāo)或者背景應(yīng)該被設(shè)計(jì)成矢量形式的。柵格文件例如電子圖片,由成千上萬(wàn)的像素點(diǎn)組成。在特定的尺寸下這些像素點(diǎn)將變得非常明顯。
怎樣去避免呢?設(shè)計(jì)矢量型的圖形元素。矢量永遠(yuǎn)不會(huì)失去其清晰的分辨率,因?yàn)樗怯镁€條和曲線創(chuàng)建的圖形,不是像素。因此不管你決定將你的矢量圖形用在什么地方-網(wǎng)頁(yè),打印,移動(dòng)設(shè)備或者其它任何地方。他看起總是一樣的。
5.害怕留白
大多數(shù)設(shè)計(jì)師都知道使用留白,但是仍是掉進(jìn)留白的陷阱中,因?yàn)樗麄兛偸潜M力在每一處空白塞入足夠多的信息。這樣的結(jié)果只會(huì)是一團(tuán)糟,破壞了你的整體設(shè)計(jì)。
怎樣去避免呢?給每個(gè)元素足夠的空間。元素之間需要一些間距免得他們碰撞在一起。
分組相似的元素,在他們的外圍增加額外的空白和其它元素區(qū)分開(kāi)來(lái)。
時(shí)刻考慮到引導(dǎo)和主體內(nèi)容。
編輯復(fù)制下來(lái)這樣你就能在合適的位置獲得信息。
元素內(nèi)部和外部空白相同。
使用網(wǎng)格幫助我們管理信息和空白。
6.不合理的字距調(diào)整(或者不調(diào)整)
不合理的字距調(diào)整
不去調(diào)整字距在一個(gè)完整和不完整的項(xiàng)目中是看起來(lái)有明顯的不同。字距的調(diào)整就是每個(gè)字母間空白的調(diào)整。成對(duì)的字母間間隙太大或者距離太近都會(huì)使文字閱讀困難。
怎樣去避免呢?如果你將文字做明顯展示,手工去調(diào)整是比較合適的。手動(dòng)的字體調(diào)整能夠使字體之間的間距更合理。密切關(guān)注你項(xiàng)目中的每一個(gè)大字體,在需要的情況下調(diào)整字母。
7.忘記計(jì)算出血區(qū)
如果你要打印,你可能需要留出出血區(qū)。出血區(qū)-打印區(qū)域的外部邊緣-確保裁剪出最終完成的打印文件。如果你從開(kāi)始的時(shí)候忘記設(shè)置一個(gè)出血區(qū),嚴(yán)重的可能導(dǎo)致重做或者一個(gè)重要的圖片區(qū)域被裁剪。
怎樣去避免呢?在你開(kāi)始工作前和打印人員溝通,為每一個(gè)需要打印的項(xiàng)目檢查是否需要預(yù)留出血區(qū)。堅(jiān)持這樣的做法。
8.使用太多的技巧
使用太多的技巧
技巧就像字體的排版:使用太多只會(huì)一團(tuán)糟。額外的效果例如陰影,動(dòng)效和浮雕應(yīng)該被單獨(dú)使用。即使是時(shí)髦的技巧也是一樣的。這些技巧會(huì)耽誤整個(gè)設(shè)計(jì),特別是一時(shí)的時(shí)髦是短暫的。如果你義無(wú)反顧的采用了一種時(shí)髦的效果,你可能面臨著你的設(shè)計(jì)會(huì)變得一片混亂的風(fēng)險(xiǎn)。讓你的內(nèi)容決定你的設(shè)計(jì)走向。
怎樣去避免呢?選擇一種效果并堅(jiān)持。這就足夠了。
9.使用太多的顏色
使用太多的顏色
一個(gè)弱化的不規(guī)則的配色會(huì)產(chǎn)生很多問(wèn)題。太多的顏色難以搭配在一起會(huì)顯得凌亂,擁擠和不正式。
怎樣去避免呢?堅(jiān)持兩到三種顏色。顏色之間應(yīng)該有足夠的對(duì)比用來(lái)區(qū)分。
10.所有元素對(duì)稱
完美的對(duì)稱相當(dāng)乏味。如果每一個(gè)項(xiàng)目中每個(gè)元素都是對(duì)稱的,會(huì)使得看的人失去興趣。
怎樣去避免呢?當(dāng)一個(gè)設(shè)計(jì)中需要對(duì)稱時(shí),弱化他或者有一點(diǎn)破壞平衡的感覺(jué)。非對(duì)稱的設(shè)計(jì)也能平衡協(xié)調(diào)各種對(duì)稱的元素。
小結(jié)
現(xiàn)在我們知道了在設(shè)計(jì)什么不應(yīng)該去做,這些設(shè)計(jì)中的錯(cuò)誤你中槍了幾條?我會(huì)舉手并承認(rèn)不止一次犯了這些錯(cuò)誤。感謝我了不起的同事在設(shè)計(jì)見(jiàn)光之前發(fā)現(xiàn)了這些錯(cuò)誤。
最新文章
- 1你要建一個(gè)網(wǎng)站,到底要花多少錢?定制網(wǎng)站和普通網(wǎng)站的價(jià)格差異!
- 2全方位網(wǎng)站建設(shè)與網(wǎng)站制作構(gòu)建數(shù)字時(shí)代的堅(jiān)實(shí)基石
- 3電子商務(wù)網(wǎng)站建設(shè)一站式打造高效便捷的在線交易平臺(tái)
- 4品質(zhì)網(wǎng)站制作與設(shè)計(jì)塑造卓越在線體驗(yàn)的基石
- 5企業(yè)網(wǎng)站制作與維護(hù)構(gòu)建數(shù)字時(shí)代的商業(yè)門戶
- 6創(chuàng)意企業(yè)網(wǎng)站建設(shè)與維護(hù)激發(fā)數(shù)字時(shí)代的無(wú)限可能
- 7品質(zhì)網(wǎng)站建設(shè)服務(wù)體驗(yàn)塑造卓越在線形象的關(guān)鍵
- 8定制網(wǎng)站制作創(chuàng)新服務(wù)重塑企業(yè)數(shù)字形象的新篇章
- 9高效網(wǎng)站制作品質(zhì)服務(wù)驅(qū)動(dòng)數(shù)字化轉(zhuǎn)型的加速器
人氣排行
- 1北京網(wǎng)站設(shè)計(jì)中的收費(fèi)資費(fèi)標(biāo)準(zhǔn)和大家分享
- 2制作移動(dòng)端網(wǎng)站步驟國(guó)內(nèi)外網(wǎng)站設(shè)計(jì)風(fēng)格
- 3北京網(wǎng)站建設(shè)的特點(diǎn)和優(yōu)勢(shì)具體表現(xiàn)你知道哪些呢
- 4企業(yè)開(kāi)發(fā)建設(shè)網(wǎng)站作用空間怎么選擇
- 5網(wǎng)站建設(shè)重視哪些問(wèn)題建設(shè)營(yíng)銷型網(wǎng)站
- 6建設(shè)網(wǎng)站做SEO優(yōu)化多久可以見(jiàn)效
- 7同同(北京)科技有限公司與神州華宇聯(lián)手打造WAP品牌官網(wǎng)
- 8神州華宇助力湯姆之家,攜手北京“湯迷”全線開(kāi)進(jìn)!
- 9網(wǎng)站空間如何選擇企業(yè)做網(wǎng)站的好處