建站常識
網(wǎng)頁視覺設(shè)計基本技巧
2005-12-28 13:58:00
網(wǎng)頁視覺設(shè)計以什么為準(zhǔn)繩?一張白紙、一個新開的空白HTML文件,你可以隨心所欲地勾劃、設(shè)計,你該從哪里著手呢?
視覺設(shè)計是好是壞,是最沒有一定之規(guī)的,一千個人有一千種看法,一萬個人就有一萬種意見。你覺得很難忍受的錯誤,很可能是人家的得意之筆;你最欣賞的“賣點(diǎn)”,訪客很可能嗤之以鼻,正所謂“眾口難調(diào)”。
面對這樣的現(xiàn)實(shí),你拿什么做“定盤心”?記住,最要緊的,是如何取悅于你的受眾、你的潛在顧客!因?yàn)槟愕恼军c(diǎn)不是自娛的藝術(shù)作品,而是有明確的商業(yè)目標(biāo),是需要盡量多的人的喜歡、從而爭取盡量多的訪問量的。只有把握住這個原則,你才能正確處理好有關(guān)的各種關(guān)系。你可以先從小范圍開始,問問周圍的朋友,他們看到你網(wǎng)站的第一感覺如何?然后再逐步推廣,邊征求意見邊改,直到代表性差不多為止。
站點(diǎn)不是雜物箱
一個專業(yè)的、有營銷意識的站點(diǎn),應(yīng)該讓訪問者(潛在客源)能馬上了解到這個站點(diǎn)及其業(yè)務(wù)是什么。
絕大多數(shù)站點(diǎn)缺乏主旨,沒有規(guī)劃意識,沒有連貫性,沒有完整性。普遍的現(xiàn)象是,站點(diǎn)像一個雜物箱,自己能找到的、覺得好玩的、時髦的東西全往里塞,沒有目標(biāo)、沒有靈魂。
照顧大多數(shù)
很多站點(diǎn)技術(shù)掛帥,以為采用的技術(shù)越復(fù)雜、越時髦越好,因?yàn)榛ヂ?lián)網(wǎng)是年輕人的樂土,所以他們追逐時髦的興趣也體現(xiàn)到網(wǎng)上。對于以表現(xiàn)自我為主旨的個人主頁,這一特點(diǎn)頗有可取之處,然而對于有明確商業(yè)目標(biāo)的站點(diǎn),那就不一定是好事了。
如果你的站點(diǎn)為了營銷,你的站點(diǎn)就應(yīng)該照顧絕大多數(shù)人的情況,采用最低技術(shù)手段以保證有盡量大的傳播面。這意味著,能簡單則簡單,千萬不要炫耀技術(shù),那樣不會對你的站點(diǎn)帶來什么好處。當(dāng)然,如果你的站點(diǎn)就是推廣與互聯(lián)網(wǎng)相關(guān)的新技術(shù)的,那是另當(dāng)別論。即使對這種主旨的站點(diǎn),最好也該給初級網(wǎng)友一個比較你尖端技術(shù)的導(dǎo)引,因?yàn)槟愕哪繕?biāo)不就是為了讓人家了解乃至消費(fèi)你的好技術(shù)嗎?
圖像重要還是文本重要?
這是每個站點(diǎn)都必須面對的問題。流行的觀念是,圖像比文本重要,一提“站點(diǎn)設(shè)計”,大家以為就是“圖像設(shè)計”或者視覺效果設(shè)計。這是對站點(diǎn)設(shè)計的膚淺理解。
其實(shí),站點(diǎn)設(shè)計的內(nèi)涵遠(yuǎn)不僅是圖像設(shè)計,它是以實(shí)現(xiàn)站點(diǎn)經(jīng)營戰(zhàn)略為目標(biāo),對站點(diǎn)各要素展開的綜合規(guī)劃。其內(nèi)涵包括很多方面,像站點(diǎn)目標(biāo)、經(jīng)營策略、讀者定位、風(fēng)格塑造、文本設(shè)計、圖像設(shè)計、營銷策劃等等,還有像交互性設(shè)計、數(shù)據(jù)結(jié)構(gòu)、績效評估等也都在其列。
圖像和文本都是用以實(shí)現(xiàn)站點(diǎn)經(jīng)營戰(zhàn)略的主要手段,其中圖像通過視覺效果引導(dǎo)讀者,而文本內(nèi)容則是決定站點(diǎn)能否吸引人的內(nèi)核。二者的關(guān)系,就像兩個相聲演員,一個“逗哏”一個“捧哏”。誰“逗哏”誰“逗哏”,則應(yīng)由站點(diǎn)經(jīng)營戰(zhàn)略的需要而定。
對于一個以信息內(nèi)容為主體的站點(diǎn),文本占突出地位,是“逗哏”的角兒,同時,圖像就該起配角作用,屬“捧哏”,目的是給讀者營造出一些喘息的視覺空間,就像城市建筑群之間綠地、公園的點(diǎn)綴功能一樣,同時,圖像運(yùn)用恰當(dāng),還可達(dá)到增加頁面深度的功效。
對于一個藝術(shù)站點(diǎn)特別是視覺藝術(shù)類站點(diǎn),圖像就居于主導(dǎo)地位,是“逗哏”,它決定頁面、站點(diǎn)的整體結(jié)構(gòu),因此文本內(nèi)容就應(yīng)處于配角地位,為圖像“捧哏”。
總體來看,當(dāng)然是信息內(nèi)容為主體的站點(diǎn)居多??纯茨愕恼军c(diǎn),屬于哪一類?定好站點(diǎn)的基調(diào)之后,再來看二者如何來配合最能實(shí)現(xiàn)站點(diǎn)的意圖。
無論二者的關(guān)系怎么建構(gòu),都有些一般性原則供你借鑒:
(1)圖像要小,文本段落要短;
(2)所有圖像文件最好采用 alt 標(biāo)簽,其妙處多多,后面還會多次談到。
顏色與圖像
有一個辦法可以既減少圖像的使用,又能達(dá)到使頁面生動、吸引注意的效果。這個辦法就是運(yùn)用背景色塊。
顯而易見,顏色是站點(diǎn)視覺設(shè)計的關(guān)鍵因素之一。視覺設(shè)計的先期工作,就包括確定頁面的顏色組合方案。顏色能對受眾的情緒、思維產(chǎn)生強(qiáng)烈影響,所以選擇暖色還是冷色組合、黑色還是白色背景,對讀者必然有很大的導(dǎo)引作用。具體設(shè)計時你盡可發(fā)揮你的藝術(shù)想象力,這里給你提供應(yīng)該遵循的幾條基本技巧:
(1)為照顧大多數(shù)網(wǎng)友,最好限定使用 256 色。
(2)使用背景色塊,避免使用背景圖像。用圖像做背景,會降低頁面的訪問速度,使文本難于閱讀,還容易模糊整個站點(diǎn)的主旨。
(3)顏色組合要有個性,同時可使文本易讀、圖像易于區(qū)別開來。
(4)審慎選擇顏色組合的情緒意義。舉例來說,黑色背景下的紅色文本,顯得很刺眼,對于像花店這類站點(diǎn)就不合適;白色背景下的藍(lán)色文本,看上去很放松、很寧和,對于像搖滾樂隊(duì)的站點(diǎn)就顯得不夠分量。
動畫圖像
動畫圖像的使用一定要慎之又慎,因?yàn)樗菀自斐蓪ψx者視覺上的強(qiáng)烈騷擾,同時也很容易制約頁面的訪問速度。在使用動畫圖像之前,建議你仔細(xì)考慮這些因素:
(1)目標(biāo)明確。你為什么一定要用動畫圖像?為瀏覽方便?強(qiáng)調(diào)信息?還是宣傳自己身份?如果只是想讓你的站點(diǎn)時髦點(diǎn),那最好別用。
(2)盡量縮減動畫的大小。
(3)注意動畫是很搶眼的,弄不好畫蛇添足。
近期更新
- [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è)計都有哪些新的趨勢?
延伸閱讀
- [2010-09-25 14:48:00] 信息架構(gòu)之Web導(dǎo)航設(shè)計分類
- [2010-01-11 21:44:00] 多按鈕共存——don’t make me think
- [2006-06-22 13:28:00] 國內(nèi)外網(wǎng)站設(shè)計與瀏覽習(xí)慣的差異
- [2006-07-13 07:51:00] 網(wǎng)站設(shè)計的思考之網(wǎng)站的欄目和版塊
- [2010-12-13 08:29:00] 在設(shè)計中進(jìn)行品牌宣傳
- [2014-06-14 19:55:34] 中小網(wǎng)站設(shè)計公司的的轉(zhuǎn)型之路分析
- [2007-07-25 14:57:00] 網(wǎng)頁設(shè)計中的版式原理--比例
- [2009-11-07 14:07:00] 產(chǎn)品設(shè)計師的提升 第一篇
- [2010-06-13 08:13:00] 網(wǎng)頁設(shè)計師也該關(guān)注頁面性能
- [2010-06-23 16:53:00] Less is more—對素材處理的思考
- [2007-09-25 11:50:00] 設(shè)計細(xì)節(jié)不能丟
- [2006-02-21 13:53:00] 網(wǎng)站建設(shè)的種種誤區(qū)
解決方案
輪胎行業(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)站優(yōu)化 版面布局 響應(yīng)式設(shè)計 GOOGLE 網(wǎng)站品牌 用戶界面 青島網(wǎng)站案例 互聯(lián)網(wǎng) 青島網(wǎng)站設(shè)計哪家好 青島網(wǎng)頁制作 外貿(mào)網(wǎng)站建設(shè) 企業(yè)網(wǎng)站 青島網(wǎng)站優(yōu)化 青島網(wǎng)絡(luò)公司 官網(wǎng)網(wǎng)站建設(shè) 高端輪胎網(wǎng)站設(shè)計 青島高端網(wǎng)站設(shè)計公司哪家好 青島高端網(wǎng)站建設(shè)公司哪家好 蘋果系統(tǒng) 集團(tuán)官網(wǎng) 網(wǎng)站的速度 青島高端網(wǎng)站建設(shè) 微官網(wǎng)帶來的好處 膠南網(wǎng)站建設(shè)公司 力圖數(shù)字科技 青島IT資訊 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)站建設(shè)公司哪家好 頁面設(shè)計 青島輪胎網(wǎng)站設(shè)計公司