建站常識
網(wǎng)站設計的思考之網(wǎng)站的風格和設計
2006-07-13 07:51:00
網(wǎng)站的整體風格及其創(chuàng)意設計是站長們最希望掌握,也是最難以學習的。難就難在沒有一個固定的程式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網(wǎng)站。當我們說:"這個站點很cool,很有個性!"那么,是什么讓你覺得很cool呢?它到底和一般的網(wǎng)站有什么區(qū)別呢?本文試圖用最簡明的語言來說明:
1.風格是什么,如何樹立網(wǎng)站風格?
2.創(chuàng)意是什么,如何產(chǎn)生創(chuàng)意?
●風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。
這個“整體形象”包括站點的CI(標志,色彩,字體,標語),版面布局,瀏覽方式,交互性,文字,語氣,內(nèi)容價值,存在意義,站點榮譽等等諸多因素。舉個例子:我們覺得網(wǎng)易是平易近人的,迪斯尼是生動活潑的,IBM是專業(yè)嚴肅的。這些都是網(wǎng)站給人們留下的不同感受。
風格是獨特的,是站點不同與其他網(wǎng)站的地方。或者色彩,或者技術,或者是交互方式,能讓瀏覽者明確分辨出這是你的網(wǎng)站獨有的。例如新世紀網(wǎng)絡(www.century.2000c.net)的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個網(wǎng)站的。
風格是有人性的。通過網(wǎng)站的外表,內(nèi)容,文字,交流可以概括出一個站點的個性,情緒。是溫文儒雅,是執(zhí)著熱情,是活潑易變,是放任不羈。象詩詞中的“豪放派”和“婉約派”,你可以用人的性格來比喻站點。
有風格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:普通網(wǎng)站你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量大小,瀏覽速度快慢。但你瀏覽過有風格的網(wǎng)站后你能有更深一層的感性認識,比如站點有品位,和藹可親,是老師,是朋友。
看了以上描述,你可能對風格是什么可能依然模糊。其實風格就是一句話:與眾不同!
如何樹立網(wǎng)站風格呢?我們可以分這樣幾個步驟:
第一,確信風格是建立在有價值內(nèi)容之上的。一個網(wǎng)站有風格而沒有內(nèi)容,就好比繡花枕頭一包草,好比一個性格傲慢但卻目不識丁的人。你首先必須保證內(nèi)容的質(zhì)量和價值性。這是最基本的,無須置疑。
第二,你需要徹底搞清楚自己希望站點給人的印象是什么??梢詮倪@幾方面來理清思路:
1.如果只用一句話來描述你的站點,應該是:_____________
參考答案:
有創(chuàng)意,專業(yè),有(技術)實力,有美感,有沖擊力
2.想到你的站點,可以聯(lián)想到的色彩是:________________
參考答案:
熱情的紅色,幻想的天蘭色,聰明的金黃色
3.想到你的站點,可以聯(lián)想到的畫面是:________________
參考答案:
一份早報,一輛法拉利跑車,人群擁擠的廣場,雜貨店
4.如果網(wǎng)站是一個人,他擁有的個性是:________________
參考答案:
思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創(chuàng)業(yè)者
5.作為站長,你希望給人的印象是:____________________
參考答案:
敬業(yè),認真投入,有深度,負責,純真,直爽,淑女
6.用一種動物來比喻,你的網(wǎng)站最象:__________________
參考答案:
貓(神秘高貴),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)
7.瀏覽者覺得你和其他網(wǎng)站的不同是:__________________
參考答案:
可以信賴,信息最快,交流方便,
8.瀏覽者和你交流合作的感受是:______________________
參考答案:
師生,同事,朋友,長幼。
你可以自己先填寫一份答案,然后讓其他網(wǎng)友填寫。比較后的結(jié)果會告訴你:你網(wǎng)站現(xiàn)在的差距,弱點及需要改進的地方。
第三,在明確自己的網(wǎng)站印象后,開始努力建立和加強這種印象。
經(jīng)過第二步印象的的"量化"后,你需要進一步找出其中最有特色特點的東西,就是最能體現(xiàn)網(wǎng)站風格的東西。并以它作為網(wǎng)站的特色加以重點強化,宣傳。例如:再次審查網(wǎng)站名稱,域名,欄目名稱是否符合這種個性,是否易記。審查網(wǎng)站標準色彩是否容易聯(lián)想到這種特色,是否能體現(xiàn)網(wǎng)站的性格等等。具體的做法,沒有定式。我這里提供一些參考:
1.將你的標志logo,盡可能的出現(xiàn)在每個頁面上。或者頁眉,或者頁腳,或則背景。
2.突出你的標準色彩。文字的鏈接色彩,圖片的主色彩,背景色,邊框等色彩盡量使用與標準色彩一致的色彩。
3.突出你的標準字體。在關鍵的標題,菜單,圖片里使用統(tǒng)一的標準字體。
4.想一條朗朗上口宣傳標語。把它做在你的banner里,或者放在醒目的位置,告訴大家你的網(wǎng)站的特色是...
5.使用統(tǒng)一的語氣和人稱。即使是多個人合作維護,也要讓讀者覺得是同一個人寫的。
6.使用統(tǒng)一的圖片處理效果。比如,陰影效果的方向,厚度,模糊度都必須一樣。
7.創(chuàng)造一個你的站點特有的符號或圖標。比如在一句鏈接前的一個點,可以使用,.?!睢稹蟆酢鳌?區(qū)位碼里自己參看)等等。雖然很簡單的一個變化,卻給人與眾不同的感覺,(為什么我沒有想到呢?)
8.用自己設計的花邊,線條,點
9.展示你網(wǎng)站的榮譽和成功作品。
10.告訴網(wǎng)友關于你的真實的故事和想法。
風格的形成不是一次定位的,你可以在實踐中不斷強化,調(diào)整,修飾,直到有一天,網(wǎng)友們寫信告訴你:"我喜歡你的站點,因為它很有風格!"
● 創(chuàng)意(idea)是網(wǎng)站生存的關鍵。這一點相信大家都已經(jīng)認同。然而作為網(wǎng)頁設計師,最苦惱的就是沒有好的創(chuàng)意來源。
注意,這里說的創(chuàng)意是指站點的整體創(chuàng)意,(因為這個創(chuàng)意而產(chǎn)生這個站點,或者相同的內(nèi)容,推出的創(chuàng)意不同),網(wǎng)頁的平面設計創(chuàng)意我將在后面的版面布局竅門里介紹。
創(chuàng)意到底是什么,如何產(chǎn)生創(chuàng)意呢?
創(chuàng)意是引人入勝,精彩萬分,出奇不意的;
創(chuàng)意是捕捉出來的點子,是創(chuàng)作出來的奇招....
這些講法都說出了創(chuàng)意的一些特點,實質(zhì)上,
○創(chuàng)意是傳達信息的一種特別方式。
比如Webdesigner(網(wǎng)頁設計師),我們將其中的E字母大寫一下: wEbdEsigEr,感覺怎么樣,這其實就是一種創(chuàng)意!
創(chuàng)意并不是天才者的靈感,而是思考的結(jié)果。根據(jù)美國廣告學教授詹姆斯的研究,創(chuàng)意思考的過程分五階段:
1.準備期--研究所搜集的資料,根據(jù)舊經(jīng)驗,啟發(fā)新創(chuàng)意;
2.孵化期--將資料咀嚼消化,使意識自由發(fā)展,任意結(jié)合;
3.啟示期--意識發(fā)展并結(jié)合,產(chǎn)生創(chuàng)意;
4.驗證期--將產(chǎn)生的創(chuàng)意討論修正;
5.形成期--設計制作網(wǎng)頁,將創(chuàng)意具體化。
○創(chuàng)意是將現(xiàn)有的要素重新組合。
比如,網(wǎng)絡與電話結(jié)合,產(chǎn)生IP電話。從這一點上出發(fā),任何人,包括你和我,都可以創(chuàng)造出不同凡響的創(chuàng)意。而且,資料越豐富,越容易產(chǎn)生創(chuàng)意。就好比萬花筒,筒內(nèi)的玻璃片越多,所呈現(xiàn)的圖案越多。你如果有心可以發(fā)現(xiàn),網(wǎng)絡上的最多的創(chuàng)意來自與現(xiàn)實生活的結(jié)合(或者虛擬現(xiàn)實),例如在線書店,電子社區(qū),在線拍賣。你是否想到了一種更好的創(chuàng)意呢?
創(chuàng)意思考的途徑最常用的是聯(lián)想,這里提供了網(wǎng)站創(chuàng)意的25種聯(lián)想線索:
1.把它顛倒 2.把它縮小 3.把顏色換一下 4.使它更長
5.使它閃動 6.把它放進音樂里 7.結(jié)合文字音樂圖畫 8.使它成為年輕的
9.使它重復 10.使它變成立體 11.參加競賽 12.參加打賭
13.變更一部分 14.分裂它 15.使它羅曼蒂克 16.使它速度加快
17.增加香味 18.使它看起來流行 19.使它對稱 20.將它向兒童訴求
21.價格更低 22.給它起個綽號 23.把它打包 24.免費提供
25.以上各項延伸組合
-------------(轉(zhuǎn)載自樊志育《廣告制作》)
需要一提的是:創(chuàng)意的目的是更好的宣傳推廣網(wǎng)站。如果創(chuàng)意很好,卻對網(wǎng)站發(fā)展毫無意義,好比給奶牛穿高跟鞋,那么,我們寧可放棄這個創(chuàng)意!
關于風格和創(chuàng)意,可以講得還有許多。感興趣的網(wǎng)友可以自己找一些廣告設計方面的書閱讀。希望本文能幫助您對網(wǎng)站的設計有一個更新的認識和提高。謝謝!
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2010-07-22 08:16:00] 專題第一屏設計隨感
- [2006-07-12 08:53:00] 網(wǎng)站設計思考:網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)
- [2006-06-25 12:10:00] 做網(wǎng)站要成功,最難的是什么?
- [2006-08-14 08:44:00] web2.0 的色系 你關注了嗎?
- [2010-05-18 11:33:00] 交互設計的出發(fā)點
- [2020-06-17 09:36:30] 關于青島網(wǎng)站建設前需要注意什么?這一點很重要
- [2016-08-09 15:56:00] 什么才是響應式網(wǎng)站呢?
- [2006-12-15 15:12:00] 當前的網(wǎng)站設計風格
- [2010-08-22 09:51:00] 常見UI設計模式
- [2007-07-03 16:36:00] 網(wǎng)站可信度建設十大準則
- [2007-10-26 14:28:00] 活動網(wǎng)站設計點評之中南海盈月之約
- [2008-01-27 10:04:00] 例舉幾個郵箱服務的欠考慮設計
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
青島網(wǎng)站案例 青島開發(fā)區(qū)建站公司 網(wǎng)站策劃 GOOGLE 青島網(wǎng)站設計哪家好 交互設計 青島做網(wǎng)站多少錢 網(wǎng)站建設,手機網(wǎng)站 網(wǎng)站設計 高端網(wǎng)站設計 企業(yè)網(wǎng)站 企業(yè)建站 IT資訊 響應式設計 html和css 微信小程序 空白和簡潔的設計 HTML5 程序開發(fā) 力圖數(shù)字科技 網(wǎng)站品牌 高端輪胎網(wǎng)站設計 官網(wǎng)網(wǎng)站建設 網(wǎng)站動畫 網(wǎng)站制作 膠南網(wǎng)站建設公司 青島海洋投資集團 H5定制設計 網(wǎng)站交互設計 微官網(wǎng)帶來的好處