網(wǎng)頁設(shè)計(jì)師就是為網(wǎng)站頁面進(jìn)行設(shè)計(jì)并制作的工作人員,,他們既是專業(yè)的設(shè)計(jì)師,,又是靜態(tài)網(wǎng)站的開發(fā)工程師;總的來說網(wǎng)頁設(shè)計(jì)師是最辛苦的行業(yè),不僅要懂頁面的設(shè)計(jì),、規(guī)化、排版,、HTML代碼,、FLASH動(dòng)畫甚至還要多懂一些代碼,必須是個(gè)全能人才,,特別是現(xiàn)在從2008年以后,,W3C的推進(jìn),對(duì)網(wǎng)頁設(shè)計(jì)師的標(biāo)準(zhǔn)也是越來越高,,越來越精確,;網(wǎng)頁設(shè)計(jì)師預(yù)計(jì)將有意識(shí)的可用性,如果他們的作用,,需要?jiǎng)?chuàng)建標(biāo)記,,那么它們也有望成為較新的網(wǎng)頁易讀性指引。
平面設(shè)計(jì)師一向認(rèn)為他們才是設(shè)計(jì)的正房,。別的都是姨太太,。實(shí)際上并非如此,,平面設(shè)計(jì)是最基礎(chǔ)且又非常簡(jiǎn)單的設(shè)計(jì)工作,因?yàn)槠矫嬖O(shè)計(jì)做不到細(xì),,做不到精,;他們只在乎大局,顏色搭配好,,主體看上去可以就行,,如果你觀察一些平面設(shè)計(jì)師的作品,大概看上去很唯美,,但是你要是把圖放大或者更認(rèn)真仔細(xì)的觀察他們的作品,,會(huì)發(fā)現(xiàn)很多紕漏,這對(duì)于一個(gè)真正的網(wǎng)頁設(shè)計(jì)師來說,,作品中是很難找到像平面設(shè)計(jì)一樣的問題,;目前除了房地產(chǎn)行業(yè)之外,一般平面設(shè)計(jì)師的薪水都在網(wǎng)頁設(shè)計(jì)師之下,,這個(gè)到許多公司都是可以考證的,;雖然都是設(shè)計(jì)師,但平面設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)又是兩個(gè)不同的領(lǐng)域,,平面設(shè)計(jì)在色彩領(lǐng)域方面相對(duì)要專業(yè)一些,,這是他們工作職責(zé)的所在,因?yàn)樗麄儽仨毎炎约涸O(shè)計(jì)的作品拿去噴繪出來,,張貼在各種公共場(chǎng)所,;但不管怎么說,自己水平達(dá)不到標(biāo)準(zhǔn),,再好的行業(yè),、再好的工作都會(huì)拋棄你的,所以網(wǎng)頁設(shè)計(jì)師們,,今后你們要更加努力,!特別是一些剛畢業(yè)一兩年的菜鳥連平面設(shè)計(jì)都不會(huì),直接進(jìn)入網(wǎng)頁設(shè)計(jì)這個(gè)行業(yè),,就需要比任何人都要更加努力和學(xué)習(xí),;沒有驚人的作品出來,證明你永遠(yuǎn)都是一個(gè)菜鳥網(wǎng)頁設(shè)計(jì)師,,甚至連網(wǎng)頁設(shè)計(jì)師都稱不上,,還處在平面設(shè)計(jì)最基礎(chǔ)的階段;我以前上班的某個(gè)公司,,當(dāng)時(shí)我的設(shè)計(jì)水平也就是一年多的經(jīng)驗(yàn),,而公司做廣告DM部的平面設(shè)計(jì)師已經(jīng)有多年的經(jīng)驗(yàn),可以說是資深平面設(shè)計(jì),,薪水拿的比我們要多一大半,,由于公司經(jīng)營(yíng)問題,,后來把他們調(diào)入我們部門,給客戶做網(wǎng)頁設(shè)計(jì),,他們的平面設(shè)計(jì)作品那是一個(gè)超贊,可設(shè)計(jì)出的網(wǎng)頁作品還不如一個(gè)從培訓(xùn)班出來的學(xué)生,;做了半個(gè)月由于壓力大,,全部自己申請(qǐng)辭職了;這就是區(qū)別,;如果是專業(yè)的資深網(wǎng)頁設(shè)計(jì)師做平面設(shè)計(jì),,那是小意思,因?yàn)榫W(wǎng)頁設(shè)計(jì)師已經(jīng)兼任了平面設(shè)計(jì),;
許多所謂的網(wǎng)頁設(shè)計(jì)師,,連自己都以為做網(wǎng)頁就是“網(wǎng)頁排版”,其實(shí)并非如此,,他們不是真正的或者說稱職的網(wǎng)頁設(shè)計(jì)師,。80%的公司招聘網(wǎng)頁設(shè)計(jì)師的要求,幾乎千篇一律地強(qiáng)調(diào)要如何熟練使用“網(wǎng)頁三劍客”,。事實(shí)上“網(wǎng)頁三劍客”本身就是個(gè)不負(fù)責(zé)任的稱謂,,當(dāng)改成“網(wǎng)頁三劍”才是。因?yàn)檫@些軟件歸根結(jié)底都只是工具而已,,而劍客最起碼是人,。連兩千多年前的秦始皇帝都知道劍術(shù)的較高境界是“手中無劍,心中也無劍”,,而聰明的現(xiàn)代人卻硬是本末倒置,,拿來一把“劍”非要稱之為“劍客”,叫人笑掉大牙,。
網(wǎng)頁設(shè)計(jì)師從一開始,,是互聯(lián)網(wǎng)行業(yè)新的產(chǎn)物,是平面設(shè)計(jì)的延續(xù)或者說是平面設(shè)計(jì)的高層,,打個(gè)比喻平面設(shè)計(jì)就是葉問,,而網(wǎng)頁設(shè)計(jì)就是李小龍,想練就李小龍的截道拳就必須先練就詠春拳,,可葉問雖然是李小龍的師傅,,李小龍?jiān)谠伌旱幕A(chǔ)上又創(chuàng)造了截道拳,葉問打不過李小龍,,死不服輸,,臉上沒光,活了一輩子也算是一代宗師竟然被自己的徒弟打�,�,;看過李小龍傳奇的都知道,;網(wǎng)頁設(shè)計(jì)師不僅要比平面設(shè)計(jì)師更懂得專業(yè)的設(shè)計(jì)還要向程序員多學(xué)習(xí)代碼;有時(shí)候他們還必須得搞點(diǎn)動(dòng)畫,,比如FLASH,、JS、CSS等,。但可憐的是,,平面設(shè)計(jì)師覺得他們是在侮辱設(shè)計(jì),這就是我剛才講的那個(gè)小故事,,平面設(shè)計(jì)師就是自欺欺人,,懂行的是不敢亂說話的;與程序員相比,,除了不懂專業(yè)技術(shù)性的開發(fā),,就向往網(wǎng)頁代碼標(biāo)準(zhǔn)方面發(fā)展和學(xué)習(xí);但對(duì)于動(dòng)畫設(shè)計(jì)師來說,,網(wǎng)頁設(shè)計(jì)師懂的是基礎(chǔ),,畢竟玩的不是一個(gè)軟件,可網(wǎng)頁設(shè)計(jì)師一樣牛,,因?yàn)榭梢詰?yīng)用CSS和JS搭配直接很簡(jiǎn)單的做出FLASH的動(dòng)畫效果,,很不錯(cuò)的哦。不管怎么說,,一個(gè)人要想成功,,特別是網(wǎng)頁設(shè)計(jì)師,一定要不斷的努力學(xué)習(xí),,走出平面設(shè)計(jì)師這個(gè)基礎(chǔ)門檻,,向程序和FLASH動(dòng)畫設(shè)計(jì)師學(xué)習(xí);
因?yàn)樽饕幻W(wǎng)頁設(shè)計(jì)師需要學(xué)習(xí)的東西太多太多,,有時(shí)候不一定具有一定的專業(yè)性,,所以名字也有一大堆。什么“網(wǎng)頁設(shè)計(jì)”,、“網(wǎng)頁制作”,,“網(wǎng)站開發(fā)”,“做網(wǎng)頁的”,,“做網(wǎng)站的”,,“網(wǎng)站開發(fā)工程師”如此等等�,?扇缃馱3C和微軟IE及各個(gè)瀏覽器的推進(jìn),,對(duì)網(wǎng)頁設(shè)計(jì)師的要求越來越高,這就使得網(wǎng)頁設(shè)計(jì)師們對(duì)設(shè)計(jì)和動(dòng)畫及代碼越來越專業(yè),、標(biāo)準(zhǔn),;如果你是菜鳥你就是平面設(shè)計(jì)+排版,,說白了就你是個(gè)用table排版的;如果你越來越專業(yè),,水平越來越標(biāo)準(zhǔn),,那你就是網(wǎng)站開發(fā)工程師,資深網(wǎng)頁設(shè)計(jì)師,,高領(lǐng)域的,,薪水會(huì)比平面設(shè)計(jì)師多出兩倍以上,更接近于FLASH動(dòng)畫和程序軟件開發(fā)工程師的薪水,,如果你遇上這兩個(gè)領(lǐng)域*專業(yè)師傅,你在他們的面前又會(huì)被變成一個(gè)菜鳥,,因?yàn)閯e人是專業(yè)代碼,,而你是專業(yè)設(shè)計(jì)兼代碼排版;
網(wǎng)頁設(shè)計(jì)應(yīng)該有更多的思索在里面,,每一個(gè)元素都是思索的產(chǎn)兒,,而不是隨意的點(diǎn)綴。當(dāng)然,,感性的爆發(fā)也必不可少,,因?yàn)樗撬囆g(shù),是商業(yè)化了的藝術(shù),、技術(shù)化了的藝術(shù),。如果有客戶認(rèn)定網(wǎng)頁設(shè)計(jì)是一件簡(jiǎn)單的不能再簡(jiǎn)單的排版,那讓他們?nèi)フ掖蛴〔恳环昼娔芮贸?00個(gè)字的小女孩去做吧,。因?yàn)�,,我們--要為網(wǎng)頁設(shè)計(jì)師正名!
(全國(guó)職業(yè)教育資格認(rèn)證證書CVEQC初級(jí)),、(全國(guó)職業(yè)教育資格認(rèn)證證書CVEQC中級(jí)),、(全國(guó)職
業(yè)教育資格認(rèn)證證書CVEQC高級(jí))是相關(guān)人員求職、任職,、晉升等,,證書在全國(guó)范圍內(nèi)有效。
Web設(shè)計(jì)人員使用各種不同的工具的一部分,。這些工具的生產(chǎn)過程中,,他們都參與更新,隨著時(shí)間的推移,,新的標(biāo)準(zhǔn)和軟件,,但背后的原理仍然是相同的。Web圖形設(shè)計(jì)人員使用向量和光柵圖形包,,用于創(chuàng)建Web格式的圖像或設(shè)計(jì)原型,。
這個(gè)屬于策劃型,,一般門戶網(wǎng)站需要,對(duì)產(chǎn)品策劃和用戶體驗(yàn)都需要有深入的了解,,這個(gè)偏重的是策劃能力,,要有良好的邏輯思維,主要的工作任務(wù)是:組織信息 規(guī)劃?rùn)谀坎季窒嚓P(guān)的工作,。
這個(gè)理論上講是屬于藝術(shù)型,,其實(shí)名曰商業(yè)藝術(shù)。2者還是不同的,,對(duì)于網(wǎng)頁設(shè)計(jì)來講這塊需求量是非常大的,,現(xiàn)在人們?cè)絹碓街匾暶烙^,而且要求越來越高,。不管是門戶網(wǎng)站,,還是企業(yè)網(wǎng)站,F(xiàn)LASH全站(互動(dòng)設(shè)計(jì))這個(gè)角色的占有率是很大的,。關(guān)于視覺這塊先天性因素占的很多,,天生的色彩感覺,創(chuàng)意能力,。還要有良好的藝術(shù)修養(yǎng),,入職后還要對(duì)商業(yè)有深刻理解,明白商業(yè)設(shè)計(jì)的核心原則,,如何將你的個(gè)性和商業(yè)目地完美結(jié)合是最重要的,。主要的工作任務(wù)是:設(shè)計(jì)風(fēng)格定位 圖標(biāo)UI界面設(shè)計(jì)。
說到這個(gè)職位,,市場(chǎng)上逐漸增多,。恩,這個(gè)屬于純技術(shù)型,。最初級(jí)的就是切片和制作HTML,不要小看這個(gè),,以為這個(gè)沒什么技術(shù)含量,其實(shí)這個(gè)技術(shù)含量也是很高,,要符合標(biāo)準(zhǔn)和各個(gè)游覽器的兼容也不是件很容易的事情,,一般切片和制作HTML劃入網(wǎng)頁視覺設(shè)計(jì)師的范疇。應(yīng)該屬于附屬職能,,視覺設(shè)計(jì)做到一定的級(jí)別,,這個(gè)無需理會(huì)。具體根據(jù)公司的要求決定,。然后高級(jí)一點(diǎn)應(yīng)用就是JS,AJAX……等,,主要的工作任務(wù)是:頁面實(shí)現(xiàn) 優(yōu)化)
網(wǎng)頁可以籠統(tǒng)的比喻是,“基于 Internet(互聯(lián)網(wǎng))”比較高級(jí)的“平臺(tái)傳媒”,網(wǎng)頁是網(wǎng)站架構(gòu)的一部分,,網(wǎng)站架構(gòu)有它獨(dú)有的復(fù)雜性,,和技術(shù)性,和基于 Internet(互聯(lián)網(wǎng))的良好的擴(kuò)展性,,我個(gè)人定義為有“高級(jí)”,、“中級(jí)”、“低級(jí)”之分,,低級(jí)相對(duì)來說只是簡(jiǎn)單的網(wǎng)頁美工設(shè)計(jì),,動(dòng)畫設(shè)計(jì),UI設(shè)計(jì),,中級(jí)相對(duì)來說是比較熟練的網(wǎng)頁美工設(shè)計(jì)和動(dòng)畫設(shè)計(jì),,UI設(shè)計(jì),和一些樣式優(yōu)化,,和腳本擴(kuò)展,,高級(jí)的相對(duì)來說是精通網(wǎng)頁美工設(shè)計(jì),動(dòng)畫設(shè)計(jì),,前臺(tái)UI設(shè)計(jì),,樣式腳本擴(kuò)展,,和良好的用戶交互技術(shù),。
“平臺(tái)傳媒”既沒有傳媒的廣泛性,又有一定的廣告的特性,,特別是網(wǎng)頁上的“平臺(tái)傳媒”和加有 web 通信的優(yōu)勢(shì),。
合格的網(wǎng)頁設(shè)計(jì)技術(shù)人員必須要考慮與用戶的交互,才能設(shè)計(jì)出高質(zhì)量的網(wǎng)頁,。
網(wǎng)頁設(shè)計(jì)師的就業(yè)職位歸結(jié)有網(wǎng)頁設(shè)計(jì)師,、網(wǎng)站美編、企業(yè)網(wǎng)站策劃,、網(wǎng)站管理,、多媒體界面設(shè)計(jì)。
⒈負(fù)責(zé)對(duì)網(wǎng)站整體表現(xiàn)風(fēng)格的定位,,對(duì)用戶視覺感受的整體把握,;
⒉進(jìn)行網(wǎng)頁的具體設(shè)計(jì)制作;
⒊產(chǎn)品目錄的平面設(shè)計(jì),;
⒋各類活動(dòng)的廣告設(shè)計(jì),;
⒌協(xié)助開發(fā)人員頁面設(shè)計(jì)等工作。
(一)垃圾還是經(jīng)典
網(wǎng)頁技術(shù)更新很快,,一個(gè)網(wǎng)站的界面設(shè)計(jì)壽命僅僅2-3年而已,。不管是垃圾還是精品,都沒有所謂的經(jīng)典,。經(jīng)典只存在于是哪個(gè)首次成功創(chuàng)新性的應(yīng)用,。一個(gè)閉門造車者做出的東西,,是遠(yuǎn)遠(yuǎn)趕不上綜合借鑒者的。網(wǎng)頁設(shè)計(jì)不同于其他藝術(shù),,在模仿加創(chuàng)新的網(wǎng)頁設(shè)計(jì)領(lǐng)域當(dāng)中,,即便是完全自己設(shè)計(jì)的,也是沿用了人們已經(jīng)認(rèn)同的大部分用戶習(xí)慣,,而且這種沿襲的痕跡是非常的明顯,!還有哪個(gè)設(shè)計(jì)者敢腆著臉說,這都是我自己的原創(chuàng)設(shè)計(jì),?對(duì)于業(yè)界來說,,經(jīng)典只是個(gè)理念和象征!
(二)國(guó)內(nèi)網(wǎng)頁設(shè)計(jì)環(huán)境
不可否認(rèn),,國(guó)內(nèi)網(wǎng)頁設(shè)計(jì)環(huán)境目前還停留在初級(jí)的認(rèn)知階段,,也就是說,絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處,,你去做一個(gè)業(yè)務(wù)的時(shí)候,,不得不去做大量的說服教育工作。以乙方的身份去說服甲方,,以專業(yè)角度去教育非專業(yè)認(rèn)識(shí),,結(jié)果是可想而知的。也正是這種全體社會(huì)普遍的低認(rèn)知水平,,導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生,。
01 明確內(nèi)容
如果你想成為一個(gè)網(wǎng)站設(shè)計(jì)者,并正想建一個(gè)網(wǎng)站的話,,首先應(yīng)該考慮網(wǎng)站的內(nèi)容,,包括網(wǎng)站功能和你的用戶需要什么。你的整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來進(jìn)行,。
02 抓住用戶
如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站,,或操作不便捷,網(wǎng)站設(shè)計(jì)就是失敗的,。不要讓用戶失望而轉(zhuǎn)向你的對(duì)手的網(wǎng)站,。
03 優(yōu)化內(nèi)容
內(nèi)容是核心。大約在兩年以前,,企業(yè)網(wǎng)站就像一本廣告冊(cè)子,,更槽糕的是,網(wǎng)站使用了大量的圖片,,似乎要幾個(gè)世紀(jì)才能下載完,。比如某網(wǎng)站在設(shè)計(jì)的某些方面是成功的,但是內(nèi)容太貪乏,并且要花很長(zhǎng)時(shí)間才能找到所要的東西,,因此不能算是一個(gè)成功的網(wǎng)站,。
04 快速下載
沒有什么比要花很長(zhǎng)時(shí)間下載頁面更槽糕的了。作為一條經(jīng)驗(yàn),,一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁應(yīng)不大于60K,,通過56K調(diào)制解調(diào)器加載花30秒的時(shí)間。有的設(shè)計(jì)者說網(wǎng)頁加載應(yīng)在15秒內(nèi),。較好符合WEB標(biāo)準(zhǔn)化用css定位的網(wǎng)站往往比表格定位要少很多代碼,。
05 網(wǎng)站升級(jí)
時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加,,可能會(huì)運(yùn)行緩慢,。但是,如果你不想失去訪問者的話,,一定要仔細(xì)計(jì)劃好你的升級(jí)計(jì)劃,。
06 堅(jiān)持基本原則
即使你不懂HTML語言,你只需購買一個(gè)有版權(quán)的所見即所得的網(wǎng)頁設(shè)計(jì)工具,,如Adobe PageMill 或 Microsoft FrontPage Express,,當(dāng)然現(xiàn)在則是Dreamweaver啦,就可以創(chuàng)建一個(gè)看起來很合理的網(wǎng)站,。但是,,在設(shè)計(jì)時(shí),這些軟件包雖然不需要HTML,,卻使網(wǎng)站速度下降,。為了成功地設(shè)計(jì)網(wǎng)站,,你必須理解HTML是如何工作的,。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案,用Notepad制作網(wǎng)頁,。
07 學(xué)習(xí)HTML
用HTML設(shè)計(jì)網(wǎng)站,,可以控制設(shè)計(jì)的整個(gè)過程。但是,,如果你僅僅是網(wǎng)站設(shè)計(jì)的新手,,你應(yīng)該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設(shè)計(jì)工具,。在設(shè)計(jì)過程中,,HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式,,以便你在把網(wǎng)站發(fā)送到Web之前,,預(yù)覽你的網(wǎng)站。HTML編寫過程中可以大段大段地刪減,這是一特點(diǎn),。
08 用筆畫一個(gè)網(wǎng)站的框架
圣人云:筆比劍更強(qiáng)大,。在用計(jì)算機(jī)之前,用筆畫一個(gè)網(wǎng)站的框架,,顯示出所有網(wǎng)頁的相互關(guān)系,。計(jì)劃好你的用戶如何以最少的時(shí)間瀏覽你的網(wǎng)站。
09 “在計(jì)算機(jī)上永遠(yuǎn)也*好的方案”,。
Photoshop,、Coreldraw、Flash,、Fireworks,、dreamweaver、其中photoshop主要是用來進(jìn)行圖像處理的,,把渲出來的圖通過PS使其更加具有真實(shí)感,。
一、注意超鏈接顏色與單純敘述文字的顏色呈現(xiàn)
WWW的語言—HTML允許Webpage設(shè)計(jì)者特別標(biāo)明單純敘述文字與超鏈接的顏色,,以便豐富Webpage的色彩呈現(xiàn),。如果您的網(wǎng)站充滿知識(shí)性的信息,欲傳達(dá)給訪問者,,建議您將網(wǎng)頁內(nèi)的文字與超鏈接顏色,,設(shè)計(jì)成較干凈素雅的色調(diào),會(huì)較有利于閱讀∶純粹的敘述文字采用較暗,、較深的顏色來呈現(xiàn)(如∶黑色,、墨綠色、暗褐色),,超鏈接文字則以較鮮明搶眼的色彩來強(qiáng)調(diào)(如∶亮黃色,、翠綠色、鮮橘色),,至于探訪過的超鏈接則采用較低于原超鏈接亮度的顏色做呈現(xiàn),。
二、測(cè)試所有的超鏈接與導(dǎo)覽按鈕的真實(shí)可行性
Webpage上線之后,,*件該做的事,,是逐一測(cè)試每一頁的每一個(gè)超鏈接與每一個(gè)導(dǎo)覽按鈕的真實(shí)可行性。徹底檢驗(yàn)有沒有失敗的link無法鏈接到該鏈接的Webpage,,卻反而冒出“FileNotFound”的錯(cuò)誤訊號(hào)出來,。這是一個(gè)負(fù)責(zé)任、夠水準(zhǔn)的Webpage設(shè)計(jì)者對(duì)自己的作品應(yīng)有的基本品質(zhì)要求,。
如果您果真有那么多的超鏈接必須提供給讀者,,不如將這些超鏈接以條列的方式,,一筆一筆清楚地列在一選單頁或目錄頁上,既不妨礙走文的順暢,,又呈現(xiàn)一目了然的導(dǎo)覽鏈接,。
三、讓超鏈接的字串長(zhǎng)短適中且走文自然
抓住能傳達(dá)主要訊息的字眼當(dāng)做超鏈接的錨點(diǎn)(anchor),,可有效地控制住超鏈接的字串長(zhǎng)度,,避免字串過長(zhǎng)(如∶整行、整句都是錨點(diǎn)字串)或過短(如∶僅一個(gè)字當(dāng)做錨點(diǎn)),,而不利于讀者的閱讀或點(diǎn)取,。
四、當(dāng)導(dǎo)覽按鈕鏈接到目前此頁時(shí)
各Webpage若重復(fù)使用同一組的導(dǎo)覽按鈕,,無可避免地會(huì)產(chǎn)生某一導(dǎo)覽按鈕鏈接到目前此頁的情形,。為達(dá)成界面設(shè)計(jì)的一致性,并沒有*必要性拿掉此導(dǎo)覽按鈕,,但Webpage設(shè)計(jì)者可讓此按鈕不再具有超鏈接的功能;或?qū)⒋税粹o的彩度,、亮度降低(如∶深綠色變成淡綠色,亮紅色變成暗紅色),,使讀者可清楚地意識(shí)到∶這個(gè)暗設(shè)下來的導(dǎo)覽按鈕不再具有超鏈接的功能,。
對(duì)于追求無限創(chuàng)意和具實(shí)驗(yàn)探索精神的web設(shè)計(jì)師來講,趨勢(shì)一說可能會(huì)顯得有點(diǎn)可笑,,如果每個(gè)設(shè)計(jì)師都遵循原有的趨勢(shì),,那誰還去開創(chuàng)新趨勢(shì)?沒有了新趨勢(shì),,下一個(gè)輪回的時(shí)候,,設(shè)計(jì)師們又去遵循什么趨勢(shì)?
但不管你是否屬于哪一類網(wǎng)頁設(shè)計(jì)師,,你卻偏偏又不得不了解和跟隨這些趨勢(shì),。除非你只為你自己做網(wǎng)站,否則如果你給客戶的項(xiàng)目完全背離了主流的趨勢(shì),,那要么就是黑馬,,要么就是客戶覺得你無能,,跟不上趨勢(shì)的節(jié)奏,。
所以,隨時(shí)關(guān)注著web網(wǎng)頁設(shè)計(jì)趨勢(shì)是每個(gè)設(shè)計(jì)師都應(yīng)該做的事兒,。
飛出頁面(splash pages)已經(jīng)非常過時(shí)了,。為了給訪問者造成難以忘懷的印象,目前流行趨勢(shì)將會(huì)是巨大的logo或者不相上下大小的標(biāo)頭,。這種類型的標(biāo)頭會(huì)占據(jù)整 個(gè)屏幕,,但是只有一個(gè)重要的短信息在上面,。訪問者不需要點(diǎn)擊任何東西,只要把鼠標(biāo)向下滑動(dòng),。訪問的人現(xiàn)在普遍患有點(diǎn)擊恐懼(由于多年來的缺乏指導(dǎo)),。所以 大幅的標(biāo)頭就像飛出頁面一樣,但是它不會(huì)強(qiáng)迫你的用戶點(diǎn)擊任何東西,。
中心思想:巨大的標(biāo)頭將會(huì)使你的訪問者記住你的網(wǎng)站,。
手繪設(shè)計(jì)并不是真正全新的一種潮流,但我們知道它仍然站在網(wǎng)頁設(shè)計(jì)的前沿,。很多設(shè)計(jì)師欣賞這種風(fēng)格,,但又怯于創(chuàng)作此類作品僅僅由于“我不會(huì)真正地手 繪”的態(tài)度。如果你去看那些較流行的手繪風(fēng)格網(wǎng)站(相對(duì)于其他趨勢(shì)風(fēng)格的網(wǎng)站,,手繪設(shè)計(jì)的網(wǎng)站不多),,你會(huì)注意到大多數(shù)同行不會(huì)繪畫。這些設(shè)計(jì)不是要送往 藝術(shù)博物館的,,它們只是傳遞一種異想天開的想法,,并模糊冷冰冰的網(wǎng)絡(luò)和人與人的互動(dòng)——因特網(wǎng)的*目標(biāo),之間的界限,。如果你會(huì)涂鴉,,你就可以創(chuàng)作素描/ 手繪風(fēng)格的網(wǎng)頁設(shè)計(jì)。
素描在目前會(huì)變得更加強(qiáng)大,,盡管不是網(wǎng)頁設(shè)計(jì)的主要焦點(diǎn),。它將會(huì)以新穎的和令人興奮的方式被用于個(gè)性標(biāo)準(zhǔn)的頁面文案(web copy)。
中心思想:素描在合作設(shè)計(jì)中會(huì)變成一個(gè)基本的組成部分,。
盡管在傳統(tǒng)媒體中出現(xiàn)已經(jīng)超過200年了,,肥厚的字體在網(wǎng)頁設(shè)計(jì)上的應(yīng)用還算比較新的。要得到肥厚字體的可視化定義,,就想想古老的狂野西部的海報(bào) “渴望”,。那些醒目的字母就是肥厚的字體。肥厚字體普遍是大寫字母,,醒目并令人印象深刻,。許多設(shè)計(jì)師以前避開肥厚字體不用,是因?yàn)橐郧皹?biāo)志和標(biāo)頭都比較小 和比較簡(jiǎn)樸的緣故,。和巨大的標(biāo)頭一起組合之后,,肥厚的字體將會(huì)吸引瀏覽者的注意。
中心思想:肥厚字體來大膽的表現(xiàn)自己,。
活版印刷是最難掌握的的潮流趨勢(shì)之一,,這就是它在目前依然保持新鮮的原因。出于大家對(duì)可用性的呼吁,,網(wǎng)頁設(shè)計(jì)師不敢使用新起的和各式各樣的字 體,。把不同大小尺寸的字體混合在一起這個(gè)想法是完全不可想象的,。可以探索,,扭曲,,模壓字體來達(dá)到你的目的。如果位置得當(dāng),,一個(gè)利用了活版印刷作為它主要涉 及元素的網(wǎng)頁會(huì)比一個(gè)超載了大量圖片的相同網(wǎng)站有趣的多,。
中心思想:活版印刷是新發(fā)展的,但是它會(huì)將繼續(xù)成為網(wǎng)頁設(shè)計(jì)的一部分,。
單頁布局將會(huì)驅(qū)使你去把不必要的信息刪除,。目前這個(gè)潮流將會(huì)拋棄那些古怪的導(dǎo)航,并使之影響國(guó)變得更加�,。╰his trend will move away from the quirky navigation and become more minimal in its approach.),。可以這類風(fēng)格的網(wǎng)頁想成商業(yè)名片,。這些網(wǎng)站將會(huì)更像一站式商店,,在那里有你和你在各式各樣網(wǎng)站上的作品(比如你的博客和你在各種社 會(huì)化媒體上巢穴)。
中心思想:?jiǎn)雾摬季謱?huì)有較多個(gè)人文件和較少的團(tuán)體合作,。
與巨大logo/標(biāo)頭header很接近,,所以大幅畫面也做著同樣的事。它創(chuàng)造了難忘的視覺沖擊,。不像上文巨大logo所示的那樣,,巨幅圖片不是網(wǎng) 站品牌的一部分。相反,,訪問者不是因?yàn)閮?nèi)容而是因?yàn)槠娲鬅o比的圖片尺寸吸引進(jìn)入你的網(wǎng)站的,。目前網(wǎng)頁設(shè)計(jì)師們會(huì)發(fā)現(xiàn),在他們的設(shè)計(jì)中使用起這些 巨大的表現(xiàn)方式來表達(dá)網(wǎng)站的風(fēng)格,,將會(huì)更加的舒適愜意,。
中心思想:巨幅圖片會(huì)被用作吸引游客進(jìn)入你的網(wǎng)站。
就像我們以前討論過的一樣,,桌面視角已經(jīng)重復(fù)到令人發(fā)膩了,,2010年將會(huì)看到一個(gè)更加貼切實(shí)際的視角,可能會(huì)有一個(gè)移動(dòng)的側(cè)視的天線(there may also be a move toward side-shot aerial.)
中心思想:2010年網(wǎng)頁設(shè)計(jì)會(huì)出現(xiàn)不同的視角
flash動(dòng)畫會(huì)有更好的發(fā)展,。以前,,你訪問網(wǎng)站,你一定會(huì)點(diǎn)進(jìn)一些令人厭煩的動(dòng)畫界面�,,F(xiàn)在動(dòng)畫會(huì)輕松,、專業(yè)的多。盡管一些設(shè)計(jì)師更愿意選擇jquery制作表格和彈出式窗口,,但動(dòng)畫在設(shè)計(jì)界仍然占有一席之地,,特別是在表現(xiàn)細(xì)節(jié)方面。動(dòng)畫在互動(dòng)上仍然有所欠缺,。目前網(wǎng)頁設(shè)計(jì)師將會(huì)在動(dòng) 畫的補(bǔ)救元素方面改進(jìn)�,,F(xiàn)在普遍的瀏覽者對(duì)互聯(lián)網(wǎng)了解得更多更深了,設(shè)計(jì)師會(huì)也將會(huì)也會(huì)創(chuàng)造出比以前更直觀性一點(diǎn)的網(wǎng)站,。
中心思想:交互式設(shè)計(jì)會(huì)重新流行
彈出對(duì)話框這個(gè)趨勢(shì)現(xiàn)在正如火如荼地被使用,,事實(shí)上目前就會(huì)到處可見。彈出對(duì)話框就像彈出式窗口的一個(gè)更加老練的長(zhǎng)兄,,——流暢,、美觀、潮流,。彈出對(duì)話框更容易設(shè)計(jì)和使用使它成為那些為可用性擔(dān)心的設(shè)計(jì)師的完美解決方法,。
中心思想:目前設(shè)計(jì)中彈出對(duì)話框?qū)?huì)繼續(xù)流行
請(qǐng)忽視學(xué)校極少網(wǎng)頁的網(wǎng)站。目前網(wǎng)頁會(huì)繼續(xù)以大片空白和醒目的排版,、出人意料的顏色方案為特點(diǎn),。不是所有的簡(jiǎn)約網(wǎng)站都同意黑和白的簡(jiǎn)單性概念。盡管簡(jiǎn)約主義本質(zhì)上是溫和的,,但是它也展示鮮艷的顏色,。簡(jiǎn)約主義不是冷酷的,它是溫暖的,,開門見山的,。
中心思想:簡(jiǎn)約主義將會(huì)大膽的用于排版。
也許大尺寸的底部已經(jīng)到處都是了,,但是目前你會(huì)發(fā)現(xiàn)它們甚至?xí)鋸�,。未來的底部�?huì)減少事先考慮的因素,成為設(shè)計(jì)的主要部分,。底部將會(huì)尋求詹這些特征:包含隨機(jī)的信息的腳本,,比如不同的社會(huì)媒體的更新、每日調(diào)查,、和flickr等,。
中心思想:大尺寸的底部將會(huì)以較少重要的信息,較多個(gè)人信息為特點(diǎn),。
復(fù)古設(shè)計(jì)會(huì)成為風(fēng)尚,,流行起來。雖然很多設(shè)計(jì)的團(tuán)體欽佩復(fù)古的網(wǎng)頁設(shè)計(jì),,但如果沒有留下"已復(fù)原(undone)"的印象就很難完全掌握這種風(fēng)格,。 復(fù)古的關(guān)鍵是被它的風(fēng)格和潛在的趣味性所啟發(fā)。目前如果設(shè)計(jì)師找到新的使復(fù)古老藝術(shù)榮耀起來的方式,,復(fù)古設(shè)計(jì)將會(huì)擴(kuò)大使用的范圍,。
中心思想:復(fù)古是一種新潮,。
作者: 境佑司
譯者: 袁玥
出版社: 電子工業(yè)
出版年: 2007-9
頁數(shù): 236
定價(jià): 32.00元
叢書: 網(wǎng)頁設(shè)計(jì)師必讀
《網(wǎng)頁設(shè)計(jì)師必讀:網(wǎng)頁設(shè)計(jì)基礎(chǔ)》和她的姊妹篇《網(wǎng)頁設(shè)計(jì)師必讀:頁面制作Dreamweaver & CSS》都是引進(jìn)日本暢銷書翻譯改編而成,圖解特色非常鮮明,,是網(wǎng)頁設(shè)計(jì)師必讀系列的重頭之作,。
《網(wǎng)頁設(shè)計(jì)師必讀:網(wǎng)頁設(shè)計(jì)基礎(chǔ)》是一本面向未來的網(wǎng)頁工程師的基礎(chǔ)知識(shí)和技巧解說書籍。每一課都采用實(shí)用性強(qiáng)的例題介紹方式,,帶領(lǐng)大家分步地,、階段性地學(xué)習(xí),同時(shí)提供練習(xí)題對(duì)所學(xué)內(nèi)容進(jìn)行再復(fù)習(xí),,實(shí)現(xiàn)完全掌握的學(xué)習(xí)效果,。
《網(wǎng)頁設(shè)計(jì)師必讀:網(wǎng)頁設(shè)計(jì)基礎(chǔ)》較大的特色是通過圖文并茂的方式簡(jiǎn)潔直觀地介紹網(wǎng)頁設(shè)計(jì)所需要的基礎(chǔ)知識(shí)與實(shí)用技巧。書中通過使用大量圖表,,直觀鮮明地將所介紹的知識(shí)具體化,,全面系統(tǒng)地針對(duì)接觸網(wǎng)頁設(shè)計(jì)的初級(jí)讀者介紹了網(wǎng)頁設(shè)計(jì)基礎(chǔ)、網(wǎng)頁特性,、網(wǎng)頁設(shè)計(jì)與表現(xiàn),、網(wǎng)頁設(shè)計(jì)中所應(yīng)用的語言及設(shè)計(jì)技巧等。