建站常識
當(dāng)前的網(wǎng)站設(shè)計風(fēng)格
2006-12-15 15:12:00
我很高興看到2006年的網(wǎng)站設(shè)計比以往任何時候都要好。這并不僅僅是因為現(xiàn)在有更多的網(wǎng)站,因而可以找到更多長得不錯的。事實上還是有很多長得抱歉的。我想是因為有越來越多的網(wǎng)頁設(shè)計師比以往更懂得該如何做設(shè)計。
共同的特點:
近期惹人喜歡的網(wǎng)站都有下面的特征
布局簡單
中心定位
3D效果
柔和,自然的背景色
顏色鮮亮(要謹(jǐn)慎使用)
可愛的圖標(biāo)(也要謹(jǐn)慎使用)
有許多留白
大字體
我們一個一個來說:
布局簡單
和幾年前相比,設(shè)計師們似乎正在尋找更加簡單的單欄或雙欄布局??偟母杏X就是設(shè)計師們普遍認(rèn)同簡單的頁面表現(xiàn)更好。閱讀這類頁面只需要從上看到下即可,你的眼睛不用在頁面上轉(zhuǎn)來轉(zhuǎn)去拼命尋找想要的東西。同時在瀏覽過程中它也提供更加平和、穩(wěn)定的瀏覽體驗。
中心定位
從上面的這些網(wǎng)站還可以發(fā)現(xiàn)第二個特點,它們的內(nèi)容都分布在中軸線附近。大概兩年前,你可以找到很多“流動布局”和“左對齊并固定寬度”的布局,現(xiàn)在內(nèi)容開始在出現(xiàn)在屏幕的中央。
左對齊的布局方式已經(jīng)不如以前常見了,流動布局(全屏)也沒有這么流行了。
盡可能在“一屏”以內(nèi)顯示更多的信息似乎是一直以來的至理名言(也就是盡可能不要滾屏)。而流動布局可以達(dá)到這一點。然而,現(xiàn)在我們似乎不太介意滾屏了,而且我們更樂意發(fā)揮由滾屏帶來的優(yōu)勢,比如更多的留白和行高。
有節(jié)制地使用3D效果
上面所有的網(wǎng)站都使用了一些很細(xì)致的斜面、給分隔條的邊緣來個輕微的倒角、給背景一點點空間感、或者使用一些很“跳”的帶著浮雕和陰影的圖標(biāo)。倒影和漸變非常普遍,陰影也還在使用,不過非常小心。
到處都是帶著閃光圖案的商標(biāo):
柔和,自然的背景色
上面這些網(wǎng)站都有一個樸素的背景,最流行的就是白色和灰調(diào)漸變。這樣的背景提供了一個又酷又柔和又中立的環(huán)境,讓那些搶眼的顏色可以引導(dǎo)用戶的目光。
顏色鮮亮(要謹(jǐn)慎使用)
柔和、時髦的背景色為添加吸引眼球的特性提供了極好的基礎(chǔ),而強(qiáng)色調(diào)高對比度非常適合頁面上的其他重要元素。
Iomega 比其他幾個網(wǎng)站用了更重的顏色,它的推廣區(qū)域使用了濃烈的暗紅色。然而這并沒有淹沒頁面上的其它部分,因為它采用了一致的色調(diào)和簡單的形狀。
可愛的圖標(biāo)(也要謹(jǐn)慎使用)
有一個“規(guī)則”:不要在同一個頁面上使用太多好看的元素(這樣會影響用戶的注意力)。
搶眼的顏色、3D效果、漂亮的圖標(biāo)和按鈕可以給頁面增加一些閃光點,給人一種高品質(zhì)的感受。但是,如果用濫了,就會產(chǎn)生一種疊加效應(yīng),使頁面變得混亂,用戶變得迷惑。
有許多留白
今天的網(wǎng)頁設(shè)計風(fēng)格非常之清新,仿佛剛剛經(jīng)歷了深呼吸一般。
有時候我甚至想把一些非常擁擠的網(wǎng)頁粘到氣球上,然后一直吹氣直到頁面上所有東西之前都有足夠的空隙。
我們的眼睛需要被注視物的周圍有一定的空間,這樣才能看清楚它是個什么玩意兒。
一般來說,留白越多越好。我極少看到一個頁面,然后會想:“唉,他們一定要再加點內(nèi)容上去才行!”。
當(dāng)然,留“白”不一定是白的,但它必須留出一定的空間。
很高興地看到現(xiàn)在有很多設(shè)計都使用了合適大小留白,頁面上的元素之間有足夠的空隙。同時為了屏幕閱讀也設(shè)定了額外的行間距。
看看這些讓人舒服的留白吧!
大字體
我并不是說你網(wǎng)站上的所有文字都要大得讓人吃驚。事實上,在某些情境下,小字體也不錯。
讓重要的文字比一般的文字更大
就像我們在上面提到的設(shè)計方法一樣,它只有在一定的模式下使用才能起作用。如果所有的文字都很大,那就沒有一個是大的了。
用大字體讓你的訪客迅速地了解這個頁面是關(guān)于什么的,什么是重要的,并且指出接下來他們可以在哪里找到想要的東西。
下面的這些例子顯示了現(xiàn)代圖形設(shè)計技術(shù)的精彩。它們看起都很漂亮、干凈而且容易使用。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [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] 作為消費者,應(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è)計都有哪些新的趨勢?
延伸閱讀
- [2009-11-23 22:51:00] 設(shè)計上的小細(xì)節(jié)
- [2006-09-30 11:40:00] 細(xì)談網(wǎng)頁優(yōu)化和網(wǎng)站優(yōu)化的幾種方式
- [2007-11-06 12:31:00] 活動網(wǎng)站設(shè)計點評之SONY VAIO C
- [2007-05-24 17:07:00] 行的長度對閱讀網(wǎng)上新聞的影響
- [2016-07-22 10:08:02] 外鏈建設(shè),務(wù)必抓住行之有效的1%
- [2009-11-13 14:22:00] 《web信息架構(gòu)》-信息架構(gòu)分四類及分類的方式
- [2008-01-27 10:04:00] 例舉幾個郵箱服務(wù)的欠考慮設(shè)計
- [2010-07-16 08:13:00] 談?wù)勅∠I與撤消鍵的使用
- [2005-12-28 13:23:00] 網(wǎng)站的整體風(fēng)格和創(chuàng)意設(shè)計
- [2006-07-25 08:09:00] 網(wǎng)頁設(shè)計中留白的藝術(shù)
- [2010-09-19 08:11:00] 聊聊線框圖:UED和PD對于線框圖不同的定位
解決方案
輪胎行業(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è)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
圖形網(wǎng)格 網(wǎng)站設(shè)計趨勢 網(wǎng)站SEO 網(wǎng)站制作 青島高端網(wǎng)站建設(shè) 平面設(shè)計 插畫 青島做網(wǎng)站多少錢 建站常識 青島輪胎網(wǎng)站設(shè)計 青島海洋投資集團(tuán) 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 營銷型網(wǎng)站建設(shè) 網(wǎng)站的速度 網(wǎng)站策劃 網(wǎng)站建設(shè)的步驟有哪些 青島網(wǎng)絡(luò)公司 企業(yè)網(wǎng)站設(shè)計 高端網(wǎng)站設(shè)計 微信小程序 青島網(wǎng)站建設(shè)公司哪家好 響應(yīng)式設(shè)計 微信開發(fā) 外貿(mào)網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè) 企業(yè)網(wǎng)站 青島網(wǎng)站設(shè)計哪家好 手機(jī)端的網(wǎng)站 html和css 網(wǎng)站設(shè)計