如何策劃網(wǎng)站的整體風(fēng)格及功能

2016-11-03    分類: 網(wǎng)站建設(shè)

網(wǎng)站整體風(fēng)格設(shè)計(jì)是設(shè)計(jì)師最希望掌握也是最難以學(xué)習(xí)。
給一個(gè)主題,任何兩人不同的設(shè)計(jì)師都能夠設(shè)計(jì)出不同風(fēng)格的站。
"這個(gè)站點(diǎn)很cool,很有個(gè)性?。ⅲ@個(gè)是我們經(jīng)常聽說的,那么,是什么讓你覺得很cool呢?
和一般的網(wǎng)站有什么區(qū)別呢?
本文用最簡明的語言來說明:風(fēng)格!
如何樹立網(wǎng)站風(fēng)格?
風(fēng)格(style)是抽象的,是指站點(diǎn)的整體形象給瀏覽者的綜合感受。
"整體形象"包括站點(diǎn)的CI(標(biāo)志,色彩,字體,標(biāo)語),版面布局,瀏覽方式,交互性,文字,語氣,內(nèi)容價(jià)值,存在意義,站點(diǎn)榮譽(yù)等等諸多因素。
舉個(gè)例子:我們覺得網(wǎng)易是平易近人的,迪斯尼是生動(dòng)活潑的,IBM是專業(yè)嚴(yán)肅的?!?br />風(fēng)格有以下特征:
1、風(fēng)格是獨(dú)特的,屬于站點(diǎn)與站點(diǎn)之間不同的地方?;蛘呱?,或者技術(shù),或者是交互方式,能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。
例如:新世紀(jì)網(wǎng)絡(luò)的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個(gè)網(wǎng)站的?!?br />2、風(fēng)格是有人性的。
通過網(wǎng)站的外表,內(nèi)容,文字,交流可以概括出一個(gè)站點(diǎn)的個(gè)性,情緒。是溫文儒雅,是執(zhí)著熱情,是活潑易變,是放任不羈。象詩詞中的"豪放派"和"婉 約派",你可以用人的性格來比喻站點(diǎn)。 
3、有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:普通網(wǎng)站你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量大小,瀏覽速度快慢。但你瀏覽過有風(fēng)格的 網(wǎng)站后你能有更深一層的感性認(rèn)識,比如站點(diǎn)有品位,和藹可親,是老師,是朋友。
總結(jié):其實(shí)風(fēng)格就是一句話:與眾不同! 
如何設(shè)計(jì)和樹立網(wǎng)站風(fēng)格呢?我們可以分這樣幾個(gè)步驟: 
一、確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的?!?br />第二、你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么??梢詮倪@幾方面來理清思路:?。ǎ保┤绻挥靡痪湓拋砻枋瞿愕恼军c(diǎn),應(yīng)該是:____ 參考答案: 有創(chuàng)意,專業(yè),有(技術(shù))實(shí)力,有美感,有沖擊力;(2)想到你的站點(diǎn),可以聯(lián)想到的色彩是:_______ 參考答案: 熱情的紅色,幻想的天蘭色,聰明的金黃色;(3)想到你的站點(diǎn),可以聯(lián)想到的畫面是:_______ 參考答案: 一份早報(bào),一輛法拉利跑車,人群擁擠的廣場,雜貨店; (4)如果網(wǎng)站是一個(gè)人,他擁有的個(gè)性是:_______ 參考答案: 思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創(chuàng)業(yè)者;?。ǎ担┳鳛檎鹃L,你希望給人的印象是:___________ 參考答案: 敬業(yè),認(rèn)真投入,有深度,負(fù)責(zé),純真,直爽,淑女;?。ǎ叮┯靡环N動(dòng)物來比喻,你的網(wǎng)站最象:_____?。撸撸摺⒖即鸢福骸∝垼ㄉ衩馗哔F),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)??;(7)覽者覺得你和其他網(wǎng)站的不同是:_________ 參考答案: 可以信賴,信息最快,交流方便;?。ǎ福g覽者和你交流合作的感受是:_____________ 參考答案: 師生,同事,朋友長幼。 
第三、在明確自己的網(wǎng)站印象后,開始努力建立和加強(qiáng)這種印象。
具體的做法可以參考: (1)將你的標(biāo)志logo,盡可能的出現(xiàn)在每個(gè)頁面上(或者頁眉,或者頁腳,或則背景); (2)突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩,圖片的主色彩,背景色,邊框等色彩盡量使用 與標(biāo)準(zhǔn)色彩一致的色彩;?。ǎ常┩怀瞿愕臉?biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題,菜單,圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體;?。ǎ矗┫胍粭l朗朗上口宣傳標(biāo)語。把它做在你的banner里,或者放在醒目的位置,告訴大家 你的網(wǎng)站的特色是...?。ǎ担┦褂媒y(tǒng)一的語氣和人稱。即使是多個(gè)人合作維護(hù),也要讓讀者覺得是同一個(gè)人寫的;(6)使用統(tǒng)一的圖片處理效果。比如,陰影效果的方向,厚度,模糊度都必須一樣;(7)創(chuàng)造一個(gè)你的站點(diǎn)特有的符號或圖標(biāo)。比如在一句鏈接前的一個(gè)點(diǎn),可以使用,.?! 睢稹蟆酢?rarr;(區(qū)位碼里自己參看)等等。雖然很簡單的一個(gè)變化,卻給人與眾不 同的感覺,(為什么我沒有想到呢??。ǎ福┯米约涸O(shè)計(jì)的花邊,線條,點(diǎn);(9)展示你網(wǎng)站的榮譽(yù)和成功作品;(10)告訴網(wǎng)友關(guān)于你的真實(shí)的故事和想法?!?br />風(fēng)格的形成需要不斷強(qiáng)化,調(diào)整,修飾,直到有一天,有人告訴你:"我喜歡你的站點(diǎn),因?yàn)樗苡酗L(fēng)格?。?/p>

網(wǎng)頁名稱:如何策劃網(wǎng)站的整體風(fēng)格及功能
文章地址:http://www.bm7419.com/news/57724.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、標(biāo)簽優(yōu)化、用戶體驗(yàn)商城網(wǎng)站、響應(yīng)式網(wǎng)站、品牌網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)