建站常識
國內(nèi)網(wǎng)頁設(shè)計經(jīng)驗談
2007-10-30 14:36:00
一、垃圾還是經(jīng)典
網(wǎng)頁技術(shù)更新很快,一個網(wǎng)站的界面設(shè)計壽命僅僅2-3年而已。不管是垃圾還是精品,都沒有所謂的經(jīng)典。經(jīng)典只存在于是哪個首次成功創(chuàng)新性的應(yīng)用。網(wǎng)頁設(shè)計者不管自己的學(xué)識、技術(shù)和經(jīng)驗如何,都自以為自己吊的不得了,這可能是源與商業(yè)設(shè)計自我意識體現(xiàn)的強烈主觀因素。一個閉門造車者做出的東西,是遠遠趕不上綜合借鑒者的。網(wǎng)頁設(shè)計不同于其他藝術(shù),在模仿加創(chuàng)新的網(wǎng)頁設(shè)計領(lǐng)域當中,即便是完全自己設(shè)計的,也是沿用了人們已經(jīng)認同的大部分用戶習(xí)慣,而且這種沿襲的痕跡時非常的明顯!還有那個設(shè)計者敢腆著臉說,這都是我自己的原創(chuàng)設(shè)計?對于業(yè)界來說,經(jīng)典只是個理念和象征!
二、國內(nèi)網(wǎng)頁設(shè)計環(huán)境
不可否認,國內(nèi)網(wǎng)頁設(shè)計環(huán)境目前還停留在初級的認知階段,也就是說,絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處,你去做一個業(yè)務(wù)的時候,不得不去做大量的說服教育工作。以乙方的身份去說服甲方,以專業(yè)角度去教育非專業(yè)認識,結(jié)果是可想而知的。也正是這種全體社會普遍的低認知水平,導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生。
舉個簡單的例子,看看“阿里巴巴”中文和英文兩個版本的頁面。中文版主色是橙色(與標志色統(tǒng)一),英文版是極不協(xié)調(diào)的藍橙(具有很明顯的生湊效果)。
為啥中文版是橙色,呵呵,不要以為哪是為了和標志統(tǒng)一,其實那時國內(nèi)最常用的商業(yè)色。橙色代表什么?肉色,淫欲。商業(yè)是性質(zhì)?貪婪、拜金。對于社會主義初級階段群眾的普遍思想來說,橙色就是最突出的體現(xiàn),它不僅僅是網(wǎng)頁首選商業(yè)色,它還體現(xiàn)了當今社會經(jīng)濟發(fā)展條件下的“浮躁”和“糜爛”,它還說明了“低認知水平”的國人,需要用這個刺激的顏色,去宣教引領(lǐng)他們被動接受。
為啥英文版是藍橙?因為洋人已處于發(fā)達社會,他們首先需要的不是“宣教引領(lǐng)”,而是“功能”。一個弱化的界面更能強化顯示功能,使人方便使用。較刺激熱烈的顏色,會引起洋人的反感,所以用的淺藍灰色。那么為什么又會出現(xiàn)極不協(xié)調(diào)的橙色?原因有二,一是要與標志顏色統(tǒng)一,二是中英文要有傳承,所以出了這么個一半是火焰一半是海水的結(jié)果。
明白了嗎?社會主義初級階段界定了各行業(yè)都在一個初級階段,這個初級階段歸根結(jié)底是由“經(jīng)濟發(fā)達水平”決定的。同樣,決定網(wǎng)頁設(shè)計的也是“經(jīng)濟發(fā)達水平”,而不是個人的設(shè)計水平和思想理念。
三、什么是好的網(wǎng)頁設(shè)計
⒈ 內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計
常常拿到的任務(wù)是一張小紙條,上面兩句話,叫你去做一個網(wǎng)站設(shè)計。有的人看看紙條就去設(shè)計頁面了,憑兩句話,你就可以為客戶做一個頁面設(shè)計,以我7、8年的設(shè)計經(jīng)驗,我都不敢去做,你真是我的偶像?。?/P>
做網(wǎng)頁設(shè)計,你需要了解客戶的東西很多:
建站目的
欄目規(guī)劃及每個欄目的表現(xiàn)形式及功能要求
主色、客戶性別喜好、聯(lián)系方式、舊版網(wǎng)址、偏好網(wǎng)址
根據(jù)行業(yè)和客戶要求,那些要著重表現(xiàn)
是否分期建設(shè)、考慮后期的兼容性
客戶是否有強烈的建站欲望
你是否能在精神意識上控制住客戶
面對你未接觸的技術(shù)知識,你有底嗎?
等等...
當你把這些內(nèi)容都了解清楚了的時候,你的大腦中就已經(jīng)給這個網(wǎng)站有個全面而形象的定位了,這時才是有的放矢去做界面設(shè)計的時候了。
⒉ 界面弱化
一個好的界面設(shè)計它的界面是弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等。
要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì),1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站,能點一次的,絕不點第二次。當然上面說的是大多數(shù)功能性網(wǎng)站,對于宣傳展示性網(wǎng)站,諸如加特效的或Flash網(wǎng)站,可能就不得不花哨一些,但不能太過分。網(wǎng)站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現(xiàn)意境,點到為止。
?、?模塊化和可修改性強
模塊化不僅可以提高重用性,也能統(tǒng)一網(wǎng)站風(fēng)格,還可以降低程序開發(fā)的強度。這里就設(shè)計一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了,不再冗述。
,無論是架構(gòu)還是模塊或圖片,都要考慮可修改性強。舉個簡單的例子,logo、按鈕等,很多人喜歡制作圖片,N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片,然后用在網(wǎng)頁代碼里打上文字,那么修改起來就簡單了,讓程序員自己改字就可以了。然而網(wǎng)頁顯示的字體是帶有鋸齒的,一般既能清晰又保證美觀的字體字號有幾類:宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |
⒋ 創(chuàng)藝是可恥的,分析能力遠比創(chuàng)意來的重要
設(shè)計界動輒就大談什么“創(chuàng)意”,我要說的是,還沒有搞清目的意義內(nèi)容,還沒在技術(shù)制作上臻于完善的基礎(chǔ)上班,用創(chuàng)意和特效來迷惑客戶和訪客是可恥的。一個網(wǎng)也設(shè)計者的分析能力遠比創(chuàng)意來的重要。
⒌ 兼顧還是拋棄
CSS、XHTML、web2.0、Ajax等等山雨欲來,學(xué)習(xí)先進技術(shù)固然是有好處的,但對于目前國內(nèi)普遍的低認知水平,決定了客戶的需求和價格也是相當?shù)偷?。之前,說到經(jīng)濟決定網(wǎng)頁設(shè)計,所以有的時候,是不允許你做出更多的兼顧的,拋棄和放棄也是無奈之舉。
四、結(jié)尾,送上我的《簡明網(wǎng)頁設(shè)計理念》
?、?網(wǎng)頁配色基本概念
⑴ 白紙黑字是永遠的主題,誰都說不出不好來。
⑵ 網(wǎng)頁最常用流行色
- 蘭色——藍天白云,沉靜整潔的顏色。
- 綠色——綠白相間,雅致而有生氣。
- 橙色——活潑熱烈,標準商業(yè)色調(diào)。
- 暗紅——寧重、嚴肅、高貴,需要配黑和灰來壓制刺激的紅色,
⑶ 顏色的忌諱
- 忌臟——背景與文字內(nèi)容對比不強烈,灰暗的背景令人沮喪!
- 忌純——艷麗的純色對人的刺激太強烈抗議,缺乏內(nèi)涵。
- 忌跳——再好看的顏色,也不能脫離整體。脫離群眾是自取其辱!
- 忌花——要有一種主色貫穿其中,主色并不時面積最大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領(lǐng)導(dǎo)者一樣,雖然在人數(shù)上居少數(shù),但起決定作用。
- 忌粉——顏色淺固然顯的干凈,但如果對比過弱,整得蒼白無力了,就象病夫一樣無可救藥。
- 藍色忌純,綠色忌黃,紅色忌艷
⑷ 幾種固定搭配
- 藍白橙——藍為主調(diào)。白底,藍標題欄,橙色按鈕或ICON做點綴。
- 綠白蘭——綠為主調(diào)。白底,綠標題欄,蘭色或橙色按鈕或ICON做點綴。
- 橙白紅——橙為主調(diào)。白底,橙標題欄,暗紅或桔紅色按鈕或ICON做點綴。
- 暗紅黑——暗紅主調(diào)。黑或灰底,暗紅標題欄,文字內(nèi)容背景為淺灰色。
⒉ 網(wǎng)頁設(shè)計理念
⑴ 內(nèi)容決定形式
先把內(nèi)容充實上,再分區(qū)塊,再定色調(diào),再處理細節(jié)。
⑵ 先整體,后局部,最后回歸到整體。
全局考慮,把能填上的都填上,占位置。然后定基調(diào),分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(jié)。
⑶ 功能決定設(shè)計方向
看網(wǎng)站的用途,決定設(shè)計思路,商業(yè)性的就要突出贏利目的;政府型的就要突出形象和權(quán)威性的文章;教育性的,就要突出師資和課程。
⒊ 如何快速高效的完成設(shè)計工作
⑴ 天下文章一大抄。
就看你會抄不會抄。抄的是理念,思想,局部精致的點綴。
在網(wǎng)上搜索同類網(wǎng)站,找?guī)讉€順眼的,用一個為基本藍圖,把幾個優(yōu)點整合成自己的,這樣最高效快捷,而且還出成果,能學(xué)到很多東西。
⑵ 上設(shè)計論壇,找參考資料。(責(zé)任編輯:68design02)
近期更新
- [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è)計都有哪些新的趨勢?
延伸閱讀
- [2010-04-16 15:19:00] 越簡單越豐富—極簡網(wǎng)頁設(shè)計視覺呈現(xiàn)技巧
- [2017-01-17 14:43:08] 蘋果官網(wǎng)喜迎中國年,公布雞年春節(jié)年畫壁紙
- [2012-05-23 01:08:40] 網(wǎng)頁背景材質(zhì)的選擇
- [2016-09-27 11:57:00] 蘋果谷歌微軟Adobe罕見聯(lián)手 就為解決字體問題
- [2010-10-15 22:17:00] 理解網(wǎng)頁中的視覺層次
- [2007-01-04 15:10:00] 網(wǎng)頁設(shè)計配色應(yīng)用實例剖析——綠色系
- [2006-01-06 21:52:00] 網(wǎng)頁設(shè)計中的功能與美化
- [2007-03-12 08:53:00] 企業(yè)網(wǎng)站規(guī)劃和網(wǎng)頁設(shè)計問題歸納
- [2016-10-13 11:21:41] 高顏值的全屏導(dǎo)航網(wǎng)頁設(shè)計賞析
- [2005-12-29 20:33:00] 網(wǎng)頁設(shè)計風(fēng)格和色彩搭配經(jīng)驗談
- [2006-01-06 21:50:00] 網(wǎng)頁設(shè)計應(yīng)防止的10個錯誤
- [2005-12-28 13:58:00] 網(wǎng)頁設(shè)計中“線”的視覺構(gòu)成
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(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)站設(shè)計 SEO GOOGLE 青島抖音小程序開發(fā) H5專題頁面 青島不錯的英文網(wǎng)站建設(shè)公司 網(wǎng)站優(yōu)化 如何做網(wǎng)站優(yōu)化 網(wǎng)站視覺 青島黃島、紅島網(wǎng)站建設(shè)公司 微信開發(fā) 外貿(mào)網(wǎng)站設(shè)計 青島網(wǎng)站設(shè)計哪家好 力圖數(shù)字科技 網(wǎng)站設(shè)計趨勢 海信網(wǎng)絡(luò)科技 青島網(wǎng)站建設(shè) 營銷型網(wǎng)站 青島網(wǎng)站建設(shè)基礎(chǔ)知識 青島好的網(wǎng)站優(yōu)化公司 良好的導(dǎo)航 robots 版面布局 企業(yè)網(wǎng)站建設(shè) 營銷策略 企業(yè)網(wǎng)站 新的元素 青島高端網(wǎng)站設(shè)計公司哪家好 網(wǎng)站策劃