開發(fā)人員應該知道5個設計技巧發(fā)布者:本站 時間:2022-02-18 09:02:44
優(yōu)秀的編碼和優(yōu)秀的設計之間是相輔相成的。不幸的是,視覺設計能力偏弱的人通常會覺得自己缺乏天賦,換句話說,就是人們要么覺得自己具有出眾的美學天賦,要么就是這方面的白癡。對這個說法,我可不敢茍同。
你只要稍微思考一下就會發(fā)現(xiàn):如果你5歲的時候就停止寫作,那么你對寫作可能就是一團糟,對于藝術設計,道理是一樣的。大多數(shù)人都是在他們開始掌握畫畫的時候就停止創(chuàng)作藝術了。
幸運的是,學習永遠都不晚。并且從事實來講,日漸成熟的你將更容易從主觀觀點中學習到客觀的知識。
如果你在一個小團隊里面身兼數(shù)職,卻又沒有多少美學基礎。又或者你覺得你們的項目在視覺上還有更多發(fā)揮的空間,那么這篇文章就是寫給你的。我們將談到傳統(tǒng)的5個消除丑陋藝術設計的元素和原則(或者至少能夠進行一定程度的掩蓋)
1.來點留白
大多數(shù)的開發(fā)者并不在意添加空白的像頁邊距,填充,行高,或者其他任何增加空白的CSS屬性。識別出開發(fā)者設計的界面是很容易的:文本都是緊緊地挨著邊緣的,沒有任何留白,而且屏幕元素之間是通過直線來實現(xiàn)分割的,而不是空白。
每個開發(fā)人員應該知道5個設計技巧,PS教程,
可以看到,在上面的盒子中,文本緊緊地擠向了盒子的邊緣,每一行之間也沒有空白。相比之下,第二個就要易讀多了,而且能夠看得出是經(jīng)過精心規(guī)劃的。
在藝術領域,元素之間的這個區(qū)域就被稱之為負空間,盡管在設計的其他領域,通常被稱作“空白空間”。負空間能夠使得瀏覽者迅速地識別設計的不同部分。同時也讓文字更易讀。
下面是幾點小建議:
確保文本有足夠的“呼吸”空間。在區(qū)域的四邊上都應該有合適的填充。文本不應該碰到元素的邊緣。
注意“盒中盒”。當頁面的元素之間是使用邊框而不是頁邊距時,你得到的就是矩形的嵌套。下一次給元素添加邊框的時候,試著添加邊距來進行替代。
額外建議:給元素的下邊緣添加一點點額外的空白。通常這樣可以制造一些視覺上的抬升,使得這些元素在頁面上看起來更輕。當藝術家在制作襯邊時,他們通常會采用這一招來進行襯邊以使底邊看起來比其他邊更大。僅僅合理地使用留白這一個方法,就已經(jīng)能夠讓你比其他嘗試做視覺設計的開發(fā)者做得好出100%了。
2.設置明暗以增加對比
在音樂中,有一個概念,叫做力度(Dynamics,指隨音樂強弱變化而變化的舞蹈動作或情態(tài))。通過播放低聲播放輕柔的部分,這樣使得高音部分聽起來更高亢,這樣來增加情感,反之依然。在設計中的道理是一樣的。當所有的東西都是重點的時候,就沒有重點了。
每個開發(fā)人員應該知道5個設計技巧,PS教程,
這些字符是表示不同音樂力度的符號,從輕柔到高亢:弱,中弱,中強,強。在設計中,你可以通過顏色的明暗來調(diào)整視覺比重。圖片下方的漸變被稱之為價值量表。
明暗配合,一個用以描述顏色明暗的術語。把明調(diào)和暗調(diào)放到一起的時候,就形成了對比。比如說,一個表單中的指示文本可能沒有表單的標簽那么重要,因此,你就應該使用更小的字號或者灰色來顯示相關的文本,而不是搶眼的黑色。如果表單用黑色加粗顯示Email標簽欄,你可能需要在底部添加一些補充說明,以讓用戶相信不會使用被提供的地址來干一些非法的事情。這一段提示性文字相對沒有那么重要,因此要設置得比其他的稍“輕”一些。
每個開發(fā)人員應該知道5個設計技巧,PS教程,
當你在Treehouse編輯你的個人資料時,你可以為自己添加一個個性域名。深色的文本顯示了你獨特的名稱,淺色的文字是URL的其他部分。
視覺上的重量感不是你要注意的唯一一件事。你還得確保明暗的正確搭配,這樣的話屏幕上的元素就可以很容易地被區(qū)分開來。這是一種很常見的設計思路,因為較之色彩來說,人類的眼睛實際上對色彩的明暗更為敏感。
幾點建議:
與編寫代碼要先進行測試一樣,你也應該先對你的設計進行測試。在放出你的新設計版本以前,試著先用灰度模式來瀏覽你的網(wǎng)頁。這樣你就可以立馬看出顏色最深和最淺的區(qū)域是哪兒了。如果每一樣東西看起來都是一樣的的話,那就該添加更多的明暗來增加對比了。單純的色彩是不足以把不同的設計元素區(qū)分開來的;明暗配合更重要。
把你的網(wǎng)頁截屏下來,然后使用像photoshop這樣的圖片編輯工具調(diào)整曲線,色階(level),看一下不同的效果。有時候,你會發(fā)現(xiàn)使用CSS進行一些細微的調(diào)整便能夠讓設計看起來更賞心悅目。幾乎在每一種設計形式中,初學者都會禁不住誘惑而去調(diào)高明暗對比。將明暗調(diào)低是成熟的標志,同時也有助于突出設計中的重要部分。
選擇我們,優(yōu)質(zhì)服務,不容錯過
1. 優(yōu)秀的網(wǎng)絡資源,強大的網(wǎng)站優(yōu)化技術,穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設經(jīng)驗,優(yōu)秀的技術和設計水平,更放心
3. 全程省心服務,不必擔心自己不懂網(wǎng)絡,更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032
關鍵詞標簽:上海網(wǎng)站建設 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)