第一篇：簡潔至上的Web設(shè)計(jì) - 創(chuàng)意要素及設(shè)計(jì)技巧

簡潔至上的Web設(shè)計(jì)-創(chuàng)意要素及設(shè)計(jì)技巧

簡潔，不等于簡單。這與彈琴是一個(gè)道理，你也許有能力彈得很快，但你并不需要在所有地方都彈得這么快。在很多時(shí)候，讓速度慢下來反而比彈得飛快要來 的更加困難。實(shí)際上，味道往往最能體現(xiàn)在從容自然、舒緩平淡的韻律當(dāng)中。接下來進(jìn)入原文作者人格；我發(fā)現(xiàn)自己在很大程度上就是一Dummy System來著。簡潔的Web頁面設(shè)計(jì)風(fēng)格是當(dāng)前圈子當(dāng)中的風(fēng)潮之一。在本文中，我們首先將對(duì)這類風(fēng)格當(dāng)中的那些最具代表性的組成要素進(jìn)行分析，隨后，我(英文原文作者)還會(huì)向各位分享一些工作中的實(shí)戰(zhàn)技巧。

簡潔風(fēng)格的創(chuàng)意組成要素

固定寬度的頁面布局結(jié)構(gòu)

花時(shí)間觀察一些簡潔風(fēng)格的網(wǎng)站，你會(huì)發(fā) 現(xiàn)它們當(dāng)中的絕大多數(shù)都有用到經(jīng)過良好規(guī)劃的網(wǎng)格布局系統(tǒng)。如果哪位朋友對(duì)網(wǎng)格布局還不大了解的話，可以設(shè)想一下，在著手進(jìn)行實(shí)際的視覺設(shè)計(jì)工作之前，使 用輔助線將頁面劃分為若干等寬的列，通過這種方式對(duì)頁面結(jié)構(gòu)及元素的布局進(jìn)行更精準(zhǔn)的規(guī)劃。網(wǎng)格布局可以使設(shè)計(jì)方案當(dāng)中的信息結(jié)構(gòu)更加清晰，在視覺上具有 強(qiáng)烈的節(jié)奏感與一致性。

固定寬度的網(wǎng)格布局結(jié)構(gòu)可以為頁面帶來秩序與效率。舉個(gè)例子，雖然Creative Review當(dāng)中的頁面布局會(huì)根據(jù)內(nèi)容類型的不同而有所區(qū)別，但我們能夠感受到的瀏覽體驗(yàn)卻是相當(dāng)連貫的，因?yàn)檫@些頁面都是基于同一套網(wǎng)格布局框架進(jìn)行設(shè)計(jì)的。下圖展示了他家的首頁和About頁面：

對(duì)于在線雜志或報(bào)紙一類需要呈現(xiàn)大量內(nèi)容的網(wǎng)站來說，要打造簡潔的頁面設(shè)計(jì)方案則更加困難。不過英國的衛(wèi)報(bào)(The Guardian)以及一些同類型的在線報(bào)紙站點(diǎn)倒是向我們展示了通過固定寬度的網(wǎng)格布局實(shí)現(xiàn)簡潔設(shè)計(jì)方案的可行性：

（MEE網(wǎng)頁設(shè)計(jì)原創(chuàng)文章，轉(zhuǎn)載請(qǐng)注明）

第二篇：室內(nèi)裝飾設(shè)計(jì)要素

室內(nèi)裝飾設(shè)計(jì)要素

1．空間要素：空間合理化并給人們以美的感受是設(shè)計(jì)的基本任務(wù)，我們要勇于探索時(shí)代技術(shù)賦于空間的新形象，不要拘泥于過去形成的空間形象。

2．色彩要求：室內(nèi)色彩除對(duì)視覺環(huán)境產(chǎn)生影響外，還直接影響人們的情緒、心理?？茖W(xué)的運(yùn)用色彩有利于工作，有助于健康，色彩處理得當(dāng)既能符合功能要求又能取得美的效果。室內(nèi)色彩除了必須遵守一般的色彩規(guī)律外，還隨著時(shí)代審美觀的變化而有所不同。

3．光影要求：人類喜愛大自然的美景，常常把陽光直接引入室內(nèi)，以消除室內(nèi)的黑暗感和封閉感，特別是頂光和柔和的散射光，使室內(nèi)空間更為親切自然。光影的變換，使室內(nèi)更加豐富多彩，給人以多種感受。

4．裝飾要素：室內(nèi)整體空間中不可缺少的建筑構(gòu)件如柱子、墻面等，應(yīng)結(jié)合功能需要加以裝飾，可共同構(gòu)成完美的室內(nèi)環(huán)境。充分利用不同裝飾材料的質(zhì)地特征，可以獲得千變?nèi)f化和不同風(fēng)格的室內(nèi)藝術(shù)效果，同時(shí)還能體現(xiàn)不同地方的歷史文化特征。

5．陳設(shè)要素：室內(nèi)家具、地毯、窗簾等，均為生活必需品，其造型往往具有陳設(shè)特征，大多數(shù)起著裝飾作用。實(shí)用和裝飾二者應(yīng)互相協(xié)調(diào)，爭取求的功能和形式統(tǒng)一而有變化，使室內(nèi)空間舒適得體，富有個(gè)性。

6．綠化要素：室內(nèi)設(shè)計(jì)中綠化已成為改善室內(nèi)環(huán)境的重要手段。室內(nèi)移花栽木，利用綠化和小品溝通室內(nèi)外環(huán)境、擴(kuò)大室內(nèi)空間感及美化空間。

第三篇：創(chuàng)意簡歷設(shè)計(jì)

創(chuàng)意簡歷設(shè)計(jì)

文秘一班

陳逸含

大家好，我來自管理學(xué)院文秘一班，很榮幸在這里與大家一起分享我的創(chuàng)意簡歷，不足之處，還請(qǐng)各位大神多多指教！

我叫陳美含，美麗的美，含蓄的含。母親取這個(gè)名字的意思是希望我秀外慧中，但很遺憾，我并未如她所愿。雖然沒有傾國傾城的容貌，但我自信陽光，雖然沒有蕙質(zhì)蘭心的氣韻，但我淡定從容。我相信，這兩份品性一定能讓我的學(xué)習(xí)工作更上層樓。

我希望從事的職業(yè)是法律文秘。法律文秘，顧名思義，既要懂法律知識(shí)，又要會(huì)文秘技能。而我主修文秘，并自考南大經(jīng)濟(jì)法學(xué)本科學(xué)位，希望畢業(yè)時(shí)能做一名適合市場(chǎng)需求的復(fù)合型人才。

談到我的主業(yè)文秘，以前總以為這是簡單的打雜工作，可經(jīng)過近一年的學(xué)習(xí)我才發(fā)現(xiàn)，這個(gè)專業(yè)要你會(huì)說會(huì)寫會(huì)策劃，懂商懂法懂管理。既要外在形象氣質(zhì)佳，又要內(nèi)在專業(yè)技能強(qiáng)。

為了將來能做一名合格的文秘，我找準(zhǔn)機(jī)會(huì)就開口，看好題材就落筆。無論是課上概念還是課后實(shí)踐，一條準(zhǔn)則——好點(diǎn)，好點(diǎn)，再好點(diǎn)……

而我的輔修專業(yè)經(jīng)濟(jì)法學(xué)，很多人問我：“你為什么學(xué)法律？”我主要考慮以下幾點(diǎn)：第一，很簡單，我喜歡。第二，我主修涉外文秘，輔修經(jīng)濟(jì)法學(xué)，二者相輔相成，今后工作中定有如虎添翼之感。第三，如今是法制時(shí)代，社會(huì)的角角落落都透著法律的氣息，學(xué)好法律，能讓我更適應(yīng)時(shí)代的步伐。

法律用我們老師的話說，兩個(gè)字——繁、雜！條款繁多，含義抽象。但這恰恰提高了我的記憶力；增強(qiáng)了我的理解力；鍛煉了我的邏輯思維能力；加深了我對(duì)整個(gè)社會(huì)的認(rèn)知……

通過法律文本中的各種條例，結(jié)合書外真實(shí)的案例，我在擴(kuò)大了自身的知識(shí)面，提高了對(duì)問題的剖析能力。

至于我的通識(shí)課程——英語、計(jì)算機(jī)，一句話：多交流，多操作，日積月累，以量變求質(zhì)變。

盡管學(xué)習(xí)如此緊張，但我還會(huì)偷空找樂子。彈彈琴，故作正經(jīng)地回憶些無關(guān)痛癢的憂傷。跳跳舞，白日夢(mèng)一樣的幻想自己練就一副魔鬼身材……

偶爾一杯綠茶，幾抹陽光，外加幾段可供玩味的文字，午后的時(shí)光就這樣在愜意中悄悄流走……

但你們千萬別認(rèn)為我是憂傷的文藝女青年。我有點(diǎn)文藝，但不憂傷。喜歡古典，但不死板。絕對(duì)屬于給點(diǎn)陽光就燦爛，給點(diǎn)月光就浪漫這型。

我喜歡叫朋友，更喜歡喝他們談天說地多交流，宗旨一條“君子之交淡如水?！边@里的“淡”并非指刻意疏離，而是在了解尊重的基礎(chǔ)上抹去喧鬧，抹去虛偽，只留平實(shí)與真誠。

回首往昔，有過失敗，卻總是厚著臉皮暢想未來，有過悲傷，卻總是一覺醒來繼續(xù)體味陽光的存在。沒有花容月貌，卻始終定位淡定從容的人生品性，沒有雄心壯志，卻一直追求每一個(gè)點(diǎn)滴的完美無瑕。

這就是我，陳逸含。謝謝大家！

第四篇：《Web設(shè)計(jì)創(chuàng)新思維》讀后感

《Web設(shè)計(jì)創(chuàng)新思維》這本書大力倡導(dǎo)網(wǎng)站設(shè)計(jì)奉行Web標(biāo)準(zhǔn)，用修改CSS規(guī)則和DOM腳本的方法設(shè)計(jì)出可維護(hù)、可交互、無障礙、版式漂亮的網(wǎng)站。這本書收錄了10位資深Web設(shè)計(jì)師的精彩文章，提供了一些打破CMS對(duì)內(nèi)容呈現(xiàn)方式限制的實(shí)戰(zhàn)方法。

在設(shè)計(jì)一個(gè)網(wǎng)站前，必須考慮的是網(wǎng)頁布局。書中強(qiáng)調(diào)要使文檔（XHTML和內(nèi)容）獨(dú)立于外觀（CSS和裝飾圖片），以確保需要修改樣式時(shí)，只需修改一個(gè)CSS文件，而不是每一個(gè)頁面。目前更前沿的做法是結(jié)構(gòu)化組織CSS語言，使層疊樣式表CSS更模塊化，更便于修改頁面設(shè)計(jì)。當(dāng)我們?cè)L問一個(gè)新聞網(wǎng)站時(shí)，由于網(wǎng)速等各種原因使瀏覽器無法讀取樣式表時(shí)，網(wǎng)頁的外觀部分都不顯示了，但更糟糕的是頁面的內(nèi)容也是混亂的。這種情況非常普遍，這也是文檔沒有完全獨(dú)立于外觀而造成的。

網(wǎng)頁的外觀中大量使用了圖片，包括主背景圖片、背景圖片、頁頭背景圖片等。但外觀終究只是一些裝飾，而內(nèi)容才是網(wǎng)頁的主角。書中不贊成使用圖片作為網(wǎng)站標(biāo)題、導(dǎo)航欄信息，以確保圖片無法顯示時(shí)內(nèi)容的缺失。而網(wǎng)站設(shè)計(jì)者也應(yīng)該對(duì)圖片的大小、格式進(jìn)行選擇性使用?；脽羝瑥棾隹蛟谛侣劸W(wǎng)站上的使用越來越普遍，過大的圖片顯示速度慢，可能會(huì)讓失去耐性的用戶直接關(guān)掉這個(gè)頁面，這些問題需要進(jìn)一步改進(jìn)。關(guān)于圖片的格式，書中重點(diǎn)介紹了GIF、PNG和JPG。GIF適用于色彩單一，有色塊和文字組成的圖案，JPG適用于色彩豐富、圖片階度大的圖案。相同尺寸下，GIF（非動(dòng)畫）比JPG占用空間小，因此很適合作為LOGO的存儲(chǔ)格式。PNG的透明色在網(wǎng)頁設(shè)計(jì)中有很多優(yōu)點(diǎn)：更高的壓縮率；更高的顏色深度；基于Alpha通道的透明色；實(shí)現(xiàn)淡入、水印、遮擋、改變圖表顏色等效果。但由于部分瀏覽器（尤其是廣泛使用的IE6）不支持PNG的透明色，因此PNG格式圖片在網(wǎng)頁設(shè)計(jì)中的使用仍不普遍。

結(jié)構(gòu)和外觀都大致確定之后，就到網(wǎng)頁的排版設(shè)計(jì)了。書中提到針對(duì)網(wǎng)頁的網(wǎng)格設(shè)計(jì)、文字排版和“可伸縮”窗口布局。常用的比率有1:

2、2:

3、1:1.618（黃金分割比率）等，而FT中文網(wǎng)排版組合使用的就是典型的三分規(guī)則。在文字排版方面，對(duì)于單個(gè)縱欄，適合閱讀的文本行寬度在45到75個(gè)字符之間（包括空白，常規(guī)大約66個(gè)字符）。文字排版技巧廣泛應(yīng)用與報(bào)紙的排版，也是不少報(bào)紙開始“瘦身”的重要原因之一。而“可伸縮”布局的產(chǎn)生是由于互聯(lián)網(wǎng)用戶使用的顯示器的分辨率不盡相同。以往的網(wǎng)頁設(shè)計(jì)一般是基于800*600這個(gè)標(biāo)準(zhǔn)的，但現(xiàn)在大部分用戶使用1024*768或以上分辨率的顯示器。“可伸縮”布局是指在指定寬度范圍內(nèi)，頁面可以隨著瀏覽器擴(kuò)展（或收縮）而擴(kuò)展（或收縮），自動(dòng)調(diào)整縱欄的寬度，也避免水平滾動(dòng)條的出現(xiàn)。通過使用樣式表“切換器”，自動(dòng)激活相匹配的樣式表，是頁面寬度符合用戶的顯示器的分辨率。目前越來越多的用戶通過移動(dòng)設(shè)備訪問網(wǎng)站，可以預(yù)見“可伸縮”布局將有更廣泛的應(yīng)用。

書中還提到了用戶可控模塊和無障礙滾動(dòng)導(dǎo)航欄。用戶可控模塊是允許用戶展開和收起模塊、重新組織模塊和重現(xiàn)定位模塊。我認(rèn)為QQ空間可以算是國內(nèi)的典型例子了，可以允許用戶自定義模塊的排版。在無障礙閱讀方面，包括了可更換的字體大小和背景顏色，滾動(dòng)的導(dǎo)航欄等?，F(xiàn)在很多新聞網(wǎng)站都有提供更換字體大小和背景顏色的功能了，比較典型的是FT。滾動(dòng)導(dǎo)航欄反而比較少見，一般滾動(dòng)的是分享到新浪微博、人人網(wǎng)、優(yōu)酷網(wǎng)等的快捷按鈕和讓人厭煩的小廣告。

閱讀了這本《Web設(shè)計(jì)創(chuàng)新思維》之后，我學(xué)到的更多的是設(shè)計(jì)觀念上的東西，因?yàn)樘拱椎卣f，我會(huì)不自覺地跳過代碼的部分，因此在技術(shù)方面的收獲并不明顯。但我明白到網(wǎng)頁設(shè)計(jì)需要考慮很多細(xì)節(jié)的東西，比如說文檔要獨(dú)立于外觀、結(jié)構(gòu)化組織CSS語言、圖片的選擇性使用、網(wǎng)格系統(tǒng)、文字排版、“可伸縮”布局、用戶可控模塊和無障礙滾動(dòng)導(dǎo)航欄等。

第五篇：國際網(wǎng)頁Web設(shè)計(jì)流程

國際網(wǎng)頁Web設(shè)計(jì)流程

1.初始會(huì)商,主要是收集該站點(diǎn)的關(guān)鍵信息,包括站點(diǎn)的目標(biāo)讀者.要發(fā)布的內(nèi)容.開發(fā)Web服務(wù)器平臺(tái);

2.概念開發(fā),設(shè)計(jì)師根據(jù)收集的信息,開始構(gòu)思,通常,設(shè)計(jì)師要把這些構(gòu)思用草圖的形式呈現(xiàn)給顧客,這個(gè)草圖要有整個(gè)網(wǎng)站的結(jié)構(gòu),不同的布局.設(shè)計(jì)及導(dǎo)航;

3.內(nèi)容綜合,當(dāng)決定了設(shè)計(jì)師的設(shè)計(jì),設(shè)計(jì)師開始制作一些初始圖樣,這些圖樣用PHOTOSHOP那樣的程序來創(chuàng)建,然后,設(shè)計(jì)師將圖樣打印出來配合文字;

4.HTML布局和導(dǎo)航,一旦客戶同意了這些內(nèi)容綜合,設(shè)計(jì)師開始編制Web頁面,導(dǎo)航器也被編制到頁面中,使客戶第一次真正體驗(yàn)一下;

5.圖形制作,如果客戶同意了站點(diǎn)的外觀和感受,設(shè)計(jì)師將大量制作所需的圖形,并進(jìn)行優(yōu)化;

6.內(nèi)容流程,客戶的書面材料利用各種網(wǎng)頁技術(shù)（CSS、JAVA、FLASH）,有機(jī)的和相關(guān)的圖形整合在一起;

7.測(cè)試,在站點(diǎn)被提交給客戶之前,設(shè)計(jì)師要徹底測(cè)試每個(gè)Web頁面和聯(lián)結(jié),利用清單,進(jìn)行修補(bǔ);

8.交付,一旦簽收,客戶要經(jīng)常進(jìn)行他們的測(cè)試,找出排版和內(nèi)容方面的錯(cuò)誤,做完了這些次要的修正后,正式啟用站點(diǎn).這套完整的計(jì)劃可以用1-12個(gè)月來完成,平均完成時(shí)間為4個(gè)月.當(dāng)站點(diǎn)啟用后,要進(jìn)行跟蹤調(diào)查,以確定人們?nèi)绾问褂谜军c(diǎn)。經(jīng)過6-12個(gè)月的運(yùn)行之后，重新收集數(shù)據(jù),開始重新設(shè)計(jì),然后這個(gè)Web設(shè)計(jì)過程再開始一遍。

附：WEB設(shè)計(jì)經(jīng)驗(yàn)-來自microsoft.com設(shè)計(jì)主管

作為設(shè)計(jì)主管，Peter Stern 已經(jīng)領(lǐng)導(dǎo) microsoft.com 重新設(shè)計(jì)了主頁并且開發(fā)了五個(gè)不同的交互工具，這些工具被用于下載中心、產(chǎn)品目錄、配置文件中心、搜索 和注冊(cè)等聯(lián)機(jī)功能。他為幾個(gè)內(nèi)部工具設(shè)計(jì)了用戶界面，并且正致力于創(chuàng)建將于今年晚些時(shí)候發(fā)布的下一代主頁。

從頭銜上，您可能認(rèn)為我主要關(guān)心的是 microsoft.com Web 站點(diǎn)幾千個(gè)網(wǎng)頁的版面設(shè)計(jì)。的確，這些確實(shí)是我所關(guān)注的。視覺上的吸引力是重要的，但是這僅僅是工作的一小部分。而最終的目的是確保整個(gè)站點(diǎn)運(yùn)轉(zhuǎn)正常。

我的意思是，人們通常在訪問 microsoft.com 時(shí)，并未將它當(dāng)作藝術(shù)作品來贊賞。而是為了獲得有關(guān)產(chǎn)品的信息，或者有一些技術(shù)問題需要咨詢，或是閱讀有關(guān)開發(fā)商的期刊。所以網(wǎng)站的設(shè)計(jì)應(yīng)該盡量清楚和有條理，以便他們能夠容易地找到所需信息。

設(shè)計(jì)站點(diǎn)

在進(jìn)行 Web 設(shè)計(jì)時(shí)--在設(shè)計(jì)過程中--形式應(yīng)該服從功能。這種方法應(yīng)用于我們站點(diǎn)的整個(gè)設(shè)計(jì)過程中。當(dāng)然，我們有最新的 Web 工具，并且能夠?qū)⒏鞣N可視的小配件上載到網(wǎng)頁上。

但是我們認(rèn)為這樣做將不利于為訪問者提供有效的服務(wù)。

事實(shí)上，我經(jīng)常發(fā)現(xiàn)一些站點(diǎn)未將重點(diǎn)放在功能上。常見的錯(cuò)誤包括：

用戶界面元素不一致。例如，同一個(gè)控件在不同的頁面上功能不同，或者同一個(gè)功能對(duì)應(yīng)幾個(gè)用戶界面控件。

導(dǎo)航欄位置不一致。決定站點(diǎn)的哪些頁和功能需要在站點(diǎn)的任何頁上都可被訪問到。這就是應(yīng)該保持一致性的“全局導(dǎo)航欄”。

不太注意或根本不注意基本的圖形設(shè)計(jì)原則，例如排版式樣、色彩和版面的設(shè)計(jì)。

相關(guān)元素和功能的隨意分組。注意將元素放置在網(wǎng)頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個(gè)鏈接的功能。

使網(wǎng)頁過于龐大以至使訪問者需要通過典型的調(diào)制解調(diào)器速度的 Internet 連接進(jìn)行長時(shí)間的下載。這并不是說不應(yīng)該使用圖形，但是您需要對(duì)它們進(jìn)行精挑細(xì)選，然后用適當(dāng)?shù)膲嚎s和顏色索引優(yōu)化它們。

現(xiàn)在的 Web 站點(diǎn)仍然存在很多問題，這并不奇怪。畢竟，Web 設(shè)計(jì)“藝術(shù)”相對(duì)來說還是個(gè)新生事物。在四、五年以前，Web 頁甚至是普通的。那時(shí)，人們好像認(rèn)為他們的 Web 站點(diǎn)將會(huì)吸引訪問者只是因?yàn)樗鼈兇嬖?-并且，可能在某些情況下這種方法確實(shí)有效。但是這些站點(diǎn)一般很難看，并且更重要的是，它們真的難以使用。接下來便進(jìn)入“看看我們能做些什么”階段，在網(wǎng)頁中加入了大量的動(dòng)畫、聲音文件以及其它附加件，導(dǎo)致訪問者需要長時(shí)間地進(jìn)行下載，但是并未獲得多少實(shí)實(shí)在在的內(nèi)容。

如今的 Web 設(shè)計(jì)師們已經(jīng)吸取了前人的經(jīng)驗(yàn)和教訓(xùn)。好的站點(diǎn)傾向于簡化和快速，同時(shí)在功能上有所提高。這是 Microsoft 的目標(biāo)，而且我們最先承認(rèn)自己所犯的錯(cuò)誤（參閱“Microsoft 的 Web 簡史”看一看以前的主頁設(shè)計(jì)）。

設(shè)計(jì)錯(cuò)誤并不總是顯而易見的。有時(shí)在設(shè)計(jì)上對(duì)一個(gè)小元素的移動(dòng)或更改將有很少或根本沒有影響。但是，在其它情況下，它可能確實(shí)會(huì)對(duì)頁面功能有所影響。而且如果說我們從過去幾年學(xué)到了一些東西，那就是小的改動(dòng)會(huì)使 Web 頁的運(yùn)行方式有很大的不同。

明確的流程

若要避免類似問題，我們?yōu)樾路?wù)（例如“搜索”）的創(chuàng)建或關(guān)鍵的 Web 頁（如主頁）設(shè)計(jì)了一個(gè)明確的流程。每個(gè)項(xiàng)目都是在一定的基礎(chǔ)上開始的，即我們有一個(gè)受益于我們站點(diǎn)上的頁面、部分或用戶界面元素的產(chǎn)品或服務(wù)。在早期的產(chǎn)品計(jì)劃階段（第 1 階段），我被要求設(shè)計(jì)一些初級(jí)模型：大致描述頁面、部分或功能的草圖。然后產(chǎn)品項(xiàng)目組檢查產(chǎn)品計(jì)劃建議，看看此項(xiàng)服務(wù)是否可以為 microsoft.com 的訪問者真正帶來一些實(shí)惠。

如果答案是“可以”，那么此項(xiàng)目會(huì)獲得批準(zhǔn)，我們開始寫項(xiàng)目說明書（第 2 階段）。我們?cè)诘?1 階段的草圖和概念基礎(chǔ)上創(chuàng)建并提出一個(gè)更為完整的計(jì)劃。這時(shí)，我們一般還會(huì)開始

可用性測(cè)試（一般會(huì)有書面的模型）以了解潛在用戶將對(duì)計(jì)劃中的設(shè)計(jì)做出何種反應(yīng)。在最后開發(fā)階段（第 3 階段），我們創(chuàng)建運(yùn)行計(jì)劃服務(wù)的 Web 原型，并且進(jìn)行全面的可用性測(cè)試以及內(nèi)部復(fù)查。然后完成站點(diǎn)的代碼，修改程序錯(cuò)誤，最后站點(diǎn)通過實(shí)際運(yùn)轉(zhuǎn)的 Web 站點(diǎn)向客戶發(fā)布。

正如您所見到的，可用性在整個(gè)流程中扮演著重要的角色（參閱“創(chuàng)建有效的 Web 界面需要認(rèn)真計(jì)劃”）。我們可以為用戶運(yùn)行某項(xiàng)任務(wù)計(jì)時(shí)，這樣我們就可以在產(chǎn)品以后的版本中對(duì)比相同的測(cè)試。我們可以使用這種方法進(jìn)行度量，以確定一個(gè)功能的重新設(shè)計(jì)是否為客戶帶來任何真正的價(jià)值。

還有，我們將仔細(xì)地觀察以了解可用性對(duì)象是否可以計(jì)算出如何正確使用新功能--我們稱為“可發(fā)現(xiàn)性”的方法。有時(shí)這為我們提供了一些挑戰(zhàn)。例如：在我們的站點(diǎn)上，在 搜索引擎 中鍵入一個(gè)詞組或字會(huì)產(chǎn)生一列結(jié)果。然后我們請(qǐng)用戶選擇在這些結(jié)果中進(jìn)行搜索，以便進(jìn)行更細(xì)的搜索并且導(dǎo)向某一頁或資源。但是即使“在結(jié)果范圍內(nèi)搜索”被明顯地標(biāo)記在深色標(biāo)簽上，很少有人熟悉它。一些用戶認(rèn)為他們正開始新的搜索，并且可能毫無結(jié)果。我們正在解決這個(gè)問題以確?？蛻艨梢岳?microsoft.com 上所有豐富的功能來提高他們對(duì)此站點(diǎn)的認(rèn)識(shí)。

選項(xiàng)“在結(jié)果范圍內(nèi)搜索”看上去很直觀，但不是非常易發(fā)現(xiàn)的。此問題一直是困擾我們的設(shè)計(jì)的問題之一。

最后階段

大體來講，站點(diǎn)設(shè)計(jì)是在發(fā)生沖突的需要之間求得平衡的藝術(shù)。一方面，我要將站點(diǎn)設(shè)計(jì)得盡量簡單易用。另一方面，我要確保站點(diǎn)中所有強(qiáng)大的工具可為經(jīng)驗(yàn)豐富的用戶所用。與此同時(shí)，我還要為內(nèi)部客戶服務(wù)--Microsoft 產(chǎn)品項(xiàng)目組--他們對(duì)服務(wù)有特殊的需要。所以每天我都要解決一些非常困難的問題，經(jīng)常處于很緊迫的情形中。我發(fā)現(xiàn)這種工作是鼓舞人心和有趣的。

這個(gè)職業(yè)非常需要更熟練的專業(yè)人員。我是經(jīng)過一系列非常不一般的過程--在大學(xué)學(xué)習(xí)圖形藝術(shù)，然后在多媒體公司設(shè)計(jì) CD-ROM，最后加入 Microsoft 并開發(fā)應(yīng)用程序--才獲得這個(gè)職位的。非常奇怪的是，當(dāng)我申請(qǐng)（并獲得）這份工作時(shí)，我以前從來沒有設(shè)計(jì)過 Web 頁。但是我廣泛的設(shè)計(jì)經(jīng)歷已經(jīng)證明是非常有用的，并且我自認(rèn)為已經(jīng)驗(yàn)證了格言“成功的設(shè)計(jì)就是成功的設(shè)計(jì)”（不論是什么媒體）。許多設(shè)計(jì)問題對(duì) Web 來說是獨(dú)一無二的，解決這些問題的方法對(duì)于任何媒體都是一樣的。

對(duì)于那些準(zhǔn) Web 設(shè)計(jì)師我的建議是，他們也應(yīng)該盡可能地?cái)U(kuò)大設(shè)計(jì)背景。今天應(yīng)該確保將一些 Web 工作作為互動(dòng)設(shè)計(jì)培訓(xùn)的一部分--大多數(shù)好的設(shè)計(jì)學(xué)校已將其加入課程中。但是在排版、色彩理論、版面設(shè)計(jì)以及生產(chǎn)等方面的扎實(shí)的技術(shù)將仍然特別有價(jià)值。

在未來，Web 設(shè)計(jì)師們?nèi)詫?huì)繼續(xù)被要求給頁面增加更豐富的多媒體內(nèi)容，從而為 Web 站點(diǎn)的可視性和可操作性增加了新一級(jí)的復(fù)雜性和技術(shù)要求。作為 CD-ROM/多媒體設(shè)計(jì)師，要求我必須具有圖形設(shè)計(jì)、視頻、音頻制作、動(dòng)畫等方面的知識(shí)和創(chuàng)作能力。我的預(yù)言是，Web 設(shè)計(jì)師也將向這些領(lǐng)域發(fā)展。

對(duì)于屬于 microsoft.com 的我們--以及在 Internet 上的其它地方--那應(yīng)該是一個(gè)非常有趣的未來。

了解您的觀眾。調(diào)查一下究竟哪些人在訪問您的站點(diǎn)，以及他們?yōu)槭裁匆L問。新手或不定期上網(wǎng)的 Web 用戶與軟件開發(fā)商相比有非常不同的興趣和站點(diǎn)需要。

使您的站點(diǎn)對(duì)訪問者來說有所幫助。

為您的觀眾提供所需的信息。使導(dǎo)航元素保持一致，并且確保對(duì)訪問率最高的區(qū)域進(jìn)行明顯的標(biāo)記，是它們易于被找到。

使用清楚的消息。

確保用戶了解此頁面的上下文，并且知道需要他們做些什么。如果在注冊(cè)過程中您要用戶輸入姓名，那么就直截了當(dāng)?shù)卣f。不要讓訪問者自己計(jì)算什么，他們會(huì)感到沮喪，于是轉(zhuǎn)到其它更簡單的站點(diǎn)（例如您的競爭對(duì)手的站點(diǎn)?。?。

保持一致性。

雖然更改不同 Web 頁的外觀并不難，但這并不意味著您應(yīng)該這么做。將主要功能--例如返回“主頁”的鏈接或者執(zhí)行一個(gè)搜索--放在每頁的相同位置。在 microsoft.com 上，黑色全局導(dǎo)航工具欄的位置在四十多萬頁上都是一樣的。

使站點(diǎn)可用。

牢記設(shè)計(jì)和測(cè)試站點(diǎn)的可用性。確保用戶可容易地執(zhí)行任務(wù)以獲得所需信息。估算任務(wù)時(shí)間和任務(wù)完成率，然后努力進(jìn)行改善。如果新的設(shè)計(jì)沒有在這些方面獲得改善，那么就不要實(shí)施它。重新從草圖（或最初的計(jì)劃）開始并嘗試其它方法。

保持簡潔。

說起來容易做起來難。嘗試征求反饋意見。有時(shí)新人可以很容易找到解決方案。

嘗試新的東西。

不要害怕打破常規(guī)，嘗試一些完全不同的東西。如果您不試試，永遠(yuǎn)不會(huì)找到真正的答案。