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