建站常識
頁面設(shè)計中的層次感
2007-11-08 09:12:00
這段時間我一直在說設(shè)計需要有層次感,這種層次感可能有很多類型,比如色彩的層次感,或是元素的層次感。當(dāng)一個設(shè)計缺乏層次感的時候頁面所表現(xiàn)出來的無非是兩種可能,一種是單調(diào),一種是花哨。在設(shè)計中我們常常陷于對于某一種色彩或是某一種效果的偏愛,而這種情況會使我們的設(shè)計缺乏長久的生命力。并且我們自己在審美上會局限于對這種偏愛的執(zhí)著從而影響我們的進(jìn)步。而這種偏執(zhí)也常會導(dǎo)致我們的設(shè)計缺乏層次感。
那么層次感通常表現(xiàn)在什么地方呢?在以前寫的《色彩解答》系列中第一篇就講過關(guān)于色彩的層次,在那篇文中有講到用“黑、白、灰”去分析色彩的層次。我們在設(shè)計的時候可能會使用一種色彩把整個網(wǎng)站做出來,結(jié)果發(fā)現(xiàn)這單一的色彩做出來的效果讓我們的網(wǎng)站變得很單調(diào),很土氣。有時就算是多用了色彩也一樣的土氣,網(wǎng)站使用的色彩并沒有層次感,也沒有對比。都處在相似的灰度上,所以網(wǎng)站看起來就灰頭土臉的。當(dāng)然我們還可以使用高對比純色塊來做設(shè)計,(韓國的網(wǎng)站有很多都是這種手法)這種手法有討巧的地方,因?yàn)橄鄬碚f比較簡單,但是同樣也比較容易被抄襲。但這樣的設(shè)計缺乏生命力,作為一種風(fēng)潮,也有點(diǎn)像是快餐,誰都能復(fù)制得了。不需要任何的文化作為基墊。當(dāng)然并不是說這種手法就真的一無是處,這種只能作為一種手法來應(yīng)用,不能當(dāng)作是萬用靈藥到處使。
光用文字來說必然是感覺不到的。那么我們來看看這張圖:
我們看到IBM的設(shè)計色彩并不多,但是層次感就卻是有了。他這里有黑色、淡藍(lán)色、白色、其中黑色與淡藍(lán)色之間的對比較為吸引眼球。并且我們發(fā)現(xiàn)黑色是純黑、而淺藍(lán)色卻是屬于高亮的那種。這種強(qiáng)對比對人的視覺是有一定吸引力的。并且黑白灰三者都有了。加上三者之間的比例并非均等的。而我們在設(shè)計的時候通常會使用一些灰度相近的色彩放在一起,并且飽和度也不高,所以最后出來的作品只能是灰頭土臉。這樣的網(wǎng)站我就不找例子了,找誰的來說誰也不開心。當(dāng)然也包括我自己。呵呵,大家可以去我的作品集去找找,一定有那種灰頭土臉的東西。
另外我們還可以看到IBM這次新的設(shè)計比原來的設(shè)計更有立體感,這就是我上面所說的元素層次。這種層次感拉開了瀏覽者的視覺深度,使得我們的網(wǎng)頁不再平面。雖然也不是3D的效果,但是我相信2D的效果必然會成為網(wǎng)頁設(shè)計的一個新的趨勢。通過2D模擬出視覺立體感,會使得網(wǎng)頁設(shè)計更有張力,內(nèi)容也更為豐富。
而在純色塊的布局之中色彩鮮艷的圖片更加顯得醒目。這又是一種視覺層次,也可以說是復(fù)雜與簡單的對比!設(shè)計沒有什么一定的規(guī)律,這里包含的因素有很多。設(shè)計得好與不好,重要的是在于設(shè)計師對于這個世界的理解有多寬廣。所以設(shè)計師不能只光顧著加強(qiáng)自己的制作技巧,更要不斷的積累自己的文化知識。不斷的增加自己的厚度,那樣才能設(shè)計出更多精彩的作品。我愿于大家一起努力!
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2007-12-14 16:24:00] 基本的頁面設(shè)計元素布局比例
- [2007-12-20 11:15:00] 鄰居確實(shí)很重要(頁面設(shè)計全局觀)
- [2009-08-06 07:37:00] 深底色頁面設(shè)計指南設(shè)計
- [2007-06-29 14:30:00] 打破常規(guī)的頁面設(shè)計方式
- [2009-06-02 22:27:00] 35網(wǎng)站建設(shè)專題頁面設(shè)計全過程
- [2019-06-04 10:46:20] 什么是圖形網(wǎng)格
- [2009-06-20 10:12:00] 用于打印的頁面設(shè)計
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運(yùn)動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島網(wǎng)頁制作 集團(tuán)公司網(wǎng)站建設(shè) 網(wǎng)站制作 力圖數(shù)字科技 扁平化設(shè)計 青島IT資訊 微信營銷的優(yōu)勢 微官網(wǎng)帶來的好處 微網(wǎng)站 青島網(wǎng)絡(luò)公司 企業(yè)建站 網(wǎng)站SEO 青島網(wǎng)站案例 青島高端網(wǎng)站設(shè)計公司哪家好 良好的導(dǎo)航 青島網(wǎng)站建設(shè)公司哪家好 如何做網(wǎng)站優(yōu)化 高端網(wǎng)站設(shè)計 官網(wǎng)建設(shè) 官網(wǎng)網(wǎng)站建設(shè) 青島網(wǎng)站SEO 網(wǎng)站設(shè)計資訊 網(wǎng)站優(yōu)化 青島好的網(wǎng)站優(yōu)化公司 青島開發(fā)區(qū)建站公司 營銷型網(wǎng)站建設(shè) H5定制設(shè)計 青島網(wǎng)站建設(shè) HTML5 php程序