網(wǎng)站設(shè)計(jì) | 如何設(shè)計(jì)一個(gè)好的網(wǎng)站？

2009-07-12 網(wǎng)頁設(shè)計(jì)

網(wǎng)站設(shè)計(jì)學(xué)習(xí)一下某種風(fēng)格的網(wǎng)站設(shè)計(jì)，沒錯(cuò)！在后面的文字里，你會(huì)理解這個(gè)風(fēng)格的一些基本特征，如果能吸收一些設(shè)計(jì)靈感或?qū)W到一些什么，并應(yīng)用到以后的設(shè)計(jì)中，那真是棒極了！

風(fēng)格這東西吧，說白了就是你是怎么設(shè)計(jì)網(wǎng)站的。網(wǎng)站也是與用戶溝通的一個(gè)渠道。每種風(fēng)格背后都有一些固定構(gòu)成。在網(wǎng)頁設(shè)計(jì)中，大概有以下幾種風(fēng)格：

干凈的；丑而美的；復(fù)古風(fēng)格；插畫風(fēng)格；報(bào)刊風(fēng)格。

其實(shí)，每種風(fēng)格都適合各種網(wǎng)站，尤其是擁有大量內(nèi)容的網(wǎng)站。網(wǎng)站的特點(diǎn)十分鮮明：豐富的布局、多列分欄結(jié)構(gòu)、簡潔的頁面還有對比鮮明的顏色。

以人為本

人們到底喜歡網(wǎng)絡(luò)什么呢？我們可以和舊時(shí)好友及時(shí)溝通，我們可以網(wǎng)上購物，我們可以激起友誼的火花，我們可以隨時(shí)關(guān)注銀行賬戶，我們還可以在網(wǎng)上尋找最新最刺激的信息……這些都不錯(cuò)，但除此之外更重要的是，我們甚至可以赤身裸體完成這些事情。

你是否曾通過電子郵件或者網(wǎng)頁投送過簡歷？是否曾為重大場合而精心打扮？如果你是要去公司辦公室，我打賭你一定會(huì)做這些。

我們的用戶可能半裸著，暢飲著蘇打水，嘴里塞滿了炸芝士角，弄得滿臉都是，還一邊瀏覽著我們的網(wǎng)站，我們?yōu)槭裁磪s如此糾結(jié)于正統(tǒng)呢？

互聯(lián)網(wǎng)是史上最不正式的環(huán)境。正因?yàn)槠涮峁┙o了網(wǎng)頁制作者足夠的創(chuàng)意空間，使其能通過站點(diǎn)以其獨(dú)特的個(gè)性來給人們留下深刻而久遠(yuǎn)的印象，才使得網(wǎng)絡(luò)這么地不錯(cuò)。

很多情況下，個(gè)性通過內(nèi)容表現(xiàn)出來，因?yàn)閮?nèi)容是整個(gè)站點(diǎn)里用戶參與度最高的。比如，我最喜歡的網(wǎng)站之一叫做Cracked,它是一個(gè)充滿幽默、諷刺和詼諧的博客。Cracked沒有什么特別的網(wǎng)頁設(shè)計(jì)（或者說遠(yuǎn)遠(yuǎn)談不上），但是其內(nèi)容卻鑄就了其獨(dú)特而鮮明的個(gè)性。

蒸汽朋克（Steampunk）是一種流行于20世紀(jì)80年代至90年代初的科幻題裁，以蒸汽時(shí)代為背景，將蒸汽的力量無限擴(kuò)大化，構(gòu)筑出一個(gè)超現(xiàn)實(shí)的科技世界。這個(gè)時(shí)代的精髓可以在小說和電影中發(fā)現(xiàn)，比如根據(jù)Jules Verne的小說改編的《海底兩萬里》（20,000 Leagues Under the Sea）電影，它講述了19世紀(jì)一個(gè)遠(yuǎn)洋偵查團(tuán)隊(duì)發(fā)現(xiàn)了由Nemo船長指揮的未來潛水艇Nautilus。還有《時(shí)間機(jī)器》（The Time Machine），由H.G. Wells的小說改編而成，它講述了維多利亞時(shí)代的英國人乘坐自己制造的時(shí)光機(jī)器來到了80萬年后的未來。有關(guān)古代的題材可以在眾多的作品中發(fā)現(xiàn)，包括電視、視頻游戲、音樂、行為藝術(shù)、網(wǎng)絡(luò)、角色扮演類游戲、文學(xué)作品、漫畫和連環(huán)畫小說——它們都是創(chuàng)造古典風(fēng)格網(wǎng)站的靈感來源。

留白最大化

如何建立一個(gè)令人印象深刻同時(shí)又具有一定功能性的網(wǎng)站，除了功能，我們不能忘了要給頁面留出一點(diǎn)透氣的空間，沒錯(cuò)！就是留白。這是網(wǎng)站必不可少的一項(xiàng)內(nèi)容。在分欄與分欄之間，側(cè)邊和底部都需要留白，這樣讀者才會(huì)感覺有思考的空間留給自己，而不是通篇一眼望不到頭的文字。

一般來說，人們認(rèn)為沒有內(nèi)容的地方才會(huì)是一片空白的，其實(shí)設(shè)計(jì)里提到的“留白”有一個(gè)更狹隘的定義：文本行與行，字與字之間的空白還有內(nèi)容周圍的空白，是為留白。適當(dāng)?shù)牧舭卓梢宰尵W(wǎng)站看起來更簡潔、舒服，內(nèi)容更易閱讀。即使是擁有超級多文字的頁面也不例外。

非己個(gè)性

網(wǎng)頁制作者很少有機(jī)會(huì)為自己設(shè)計(jì)網(wǎng)站。很多情況下，我們自己的性格特質(zhì)可能需要重新審視一個(gè)項(xiàng)目所最終要代表的人、物或者服務(wù)。這一點(diǎn)說起來比做起來容易。

為了更好地構(gòu)建一個(gè)新的個(gè)性網(wǎng)頁，首先退后一步認(rèn)真觀察尤為重要。除非首先搞清楚一個(gè)項(xiàng)目到底要代表著什么，否則很難制作一個(gè)有個(gè)性特征的網(wǎng)站。到底是為那個(gè)古怪的當(dāng)?shù)乜Х瑞^，還是為了教堂，亦或者小的交易或是技術(shù)啟蒙，來制作這個(gè)網(wǎng)站呢？在現(xiàn)實(shí)生活中，所有這些機(jī)構(gòu)都給人們不同的印象，因此其在線形象也應(yīng)該反映這些不同。

作為網(wǎng)頁制作者，最好的辦法便是沉浸在大量的經(jīng)歷之中，越多越好。你能實(shí)地考察嗎？能夠采訪到和項(xiàng)目相關(guān)的人員嗎？關(guān)于此項(xiàng)目的每一條經(jīng)驗(yàn)都能夠幫助你評估這個(gè)新的網(wǎng)站將要/應(yīng)該擁有的特性，也能夠幫助你在創(chuàng)作這些與之相關(guān)的感覺或情感時(shí)知道采用哪些素材。

上一篇：UI設(shè)計(jì)配色大全！返回觀點(diǎn)列表下一篇：如何滿足B端客戶需求？B2B網(wǎng)站設(shè)計(jì)5個(gè)關(guān)鍵點(diǎn)

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/364.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
大策略營銷門戶網(wǎng)站
杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁設(shè)計(jì)、制作、開發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情