資源描述：
《產(chǎn)品經(jīng)理必備技能：用草圖來規(guī)劃網(wǎng)站》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、產(chǎn)品經(jīng)理必備技能：用草圖來規(guī)劃網(wǎng)站設(shè)計(jì)院校中有大量的基本課程。大企業(yè)與創(chuàng)業(yè)公司都在采取回歸本源的設(shè)計(jì)方式，這一點(diǎn)也不稀奇。無論你是個(gè)終身的涂鴉藝術(shù)家，還是一位嚴(yán)肅的商標(biāo)設(shè)計(jì)師，通過紙張?zhí)剿黛`感都是一項(xiàng)重要的設(shè)計(jì)技能。別怕!鉛筆這類工具的力量不會(huì)消亡。在這個(gè)專注設(shè)備的時(shí)代，簡(jiǎn)單、久經(jīng)考驗(yàn)的設(shè)計(jì)方式仍然大有可為。實(shí)際上，我已經(jīng)聽到一種日漸強(qiáng)烈的聲音，反對(duì)將工時(shí)浪費(fèi)在高保真photoshop效果圖上。手繪稿讓你以一種靈活巧妙的方式，創(chuàng)作迭代式的漸進(jìn)設(shè)計(jì)，不必為了高保真設(shè)計(jì)圖和電子稿而超支時(shí)間。不論你是大公司還是自由設(shè)計(jì)師，通
2、過快速手繪與客戶交流想法，是一項(xiàng)相當(dāng)重要的手段。為什么手繪?手繪稿在某些方面對(duì)線框圖甚至電子稿有所優(yōu)勢(shì)。它便攜、親切、富有創(chuàng)造力，并且久經(jīng)考驗(yàn)。再?zèng)]什么比紙和鉛筆(或者鋼筆)更簡(jiǎn)單的了。我也發(fā)現(xiàn)，手繪稿對(duì)客戶而言足夠通俗，使他們能夠提出意見并且做出修改。高保真效果圖看起來就像是“成品”或者即將完成，那會(huì)束縛客戶提出改進(jìn)建議的意愿(可樂橙在這里真的忍不住要插一句，這完全不符合國情啊，不科學(xué)啊!)。手繪稿相對(duì)散漫、友好、非正式……你可以擦掉進(jìn)行修改。線框圖總是充斥大量文字，極少反映出美術(shù)趨向和設(shè)計(jì)基調(diào)。特別是對(duì)于照片和視覺
3、元素。你可曾見過一個(gè)大叉叉?zhèn)鬟_(dá)出了照片內(nèi)容?通過手繪稿，你可以快速、近乎思維練習(xí)式地迅速記錄下你的創(chuàng)意。它能飛快見效，讓你在屏幕前花更少工時(shí)，從而擁有更多時(shí)間來產(chǎn)生創(chuàng)意。卷起袖管然后尋找答案吧。它最終會(huì)轉(zhuǎn)化為photoshop的視覺稿給客戶。你會(huì)發(fā)現(xiàn)它與傳統(tǒng)線框圖相近，卻能更接近地反映出設(shè)計(jì)稿的美術(shù)趨向。通過手繪，能夠消滅那些僅僅為了占位的圖片。要知道，你放在原型圖和效果圖中的一個(gè)大叉叉，代表著這里將放入一張真實(shí)的圖片。你就會(huì)省著用你那些昂貴的版權(quán)圖片了。這就是網(wǎng)站的效果圖。你能看出草圖到線框圖再到效果圖的變化嗎?從哪
4、入手有一點(diǎn)可以肯定，多加練習(xí)才能精通。隨身攜帶筆記本來涂鴉、迭代、速寫，保持這項(xiàng)技能處在最佳狀態(tài)。我發(fā)現(xiàn)，練習(xí)的最好辦法，就是在任何排隊(duì)的時(shí)候拿出來畫一畫——比如買咖啡、雜貨店購物、等待火車……只要是等待時(shí)間，都可以用來手繪。畫下你的所見，這個(gè)技巧會(huì)對(duì)以后有幫助，當(dāng)你需要向客戶展示的時(shí)候。畫下每個(gè)給你帶來靈感的東西，隨身攜帶筆記本就意味著你可以隨時(shí)記錄靈感，留待以后使用。隨著手繪量的增加，你會(huì)開始學(xué)著精煉你的手繪稿，并將它們轉(zhuǎn)化為更加正式的插圖或繪畫。為網(wǎng)頁設(shè)計(jì)而手繪規(guī)劃一個(gè)網(wǎng)站時(shí)，手繪可以成為非常重要的一環(huán)。你可以把
5、它用于設(shè)計(jì)、用戶體驗(yàn)測(cè)試、界面元素，甚至嘗試字體設(shè)計(jì)方面的創(chuàng)意。我曾經(jīng)在多個(gè)網(wǎng)站中用它來想象一些創(chuàng)意元素，比如照片和圖標(biāo)。我也在關(guān)鍵界面問題上使用過這個(gè)辦法，例如怎樣使一個(gè)按鈕或圖標(biāo)更加直觀友好。交流設(shè)計(jì)元素的推演變化時(shí)，手繪也是最好的方法?？蛻粝矚g這個(gè)有創(chuàng)造性的環(huán)節(jié)。他們會(huì)深陷于此，并也喜歡上手繪。我有個(gè)客戶說過：“哇，好像我想什么你就能馬上畫出來。太不可思議了!”這就是和客戶面談時(shí)，飛快手繪的魔力。注意!多加練習(xí)DoodlersAnonymous是個(gè)不錯(cuò)的地方，可以作為學(xué)習(xí)的起點(diǎn)，看看別人如何手繪、涂鴉并思考他們的
6、創(chuàng)意。它也是一個(gè)很棒的分享社區(qū)和同行交流場(chǎng)所。注意，現(xiàn)實(shí)是殘酷的。鉆研手繪會(huì)很艱苦。如果你不夠老練，或者沒有將你的繪圖稿打磨好……那么找些工作之外的時(shí)間專門來畫?？梢栽赪orldwideSketchcrawl,DoodlersAnonymous和UrbanSketchers這樣的網(wǎng)站找到靈感。訂閱一些手繪博客，鉆研那些日志和手繪稿。然后問問自己，準(zhǔn)備好在客戶面前繪畫了嗎?UrbanSketchers是一個(gè)致力于觀察研究手繪的國際非營利組織。他們?cè)贔lickr和Facebook上有著完善的社區(qū)。他們博客的重要組成，是一個(gè)
7、由手繪選稿記者構(gòu)成的核心小組，他們?cè)谌澜绶秶鷥?nèi)收集別人分享的作品。在他們的網(wǎng)站和Flickr、Facebook社區(qū)里，你可以找到很多頗具啟發(fā)性的方式來素描你身邊的世界。記住，簡(jiǎn)筆畫沒法給人留下什么印象。具備手繪的能力是非常重要的開端。在投入到客戶的項(xiàng)目中之前，你可能得花些時(shí)間“練習(xí)”和理解如何用手繪來表達(dá)想法。這是一件早期的電子手繪作品。當(dāng)時(shí)我在實(shí)驗(yàn)混合型的電子線框圖，用Wacom數(shù)位板草草畫成的。從這些早期手繪作品中，我學(xué)到了對(duì)客戶而言，簡(jiǎn)筆畫是遠(yuǎn)遠(yuǎn)不夠的。手繪時(shí)應(yīng)該提出的問題首先問問自己，是否了解所設(shè)計(jì)頁面中的所
8、有元素?如果是個(gè)改版項(xiàng)目，我會(huì)檢查現(xiàn)有內(nèi)容，思考用戶希望看到什么。如果是個(gè)新站點(diǎn)，我會(huì)瀏覽同行網(wǎng)站，做一些競(jìng)爭(zhēng)分析，然后看看那些最“典型”的用戶需要什么，將這些內(nèi)容加入列表中。接下來，我會(huì)詢問客戶是否有某些設(shè)計(jì)偏好。很多情況下，客戶都有他們自己喜歡和推崇的網(wǎng)站。了解這些，并領(lǐng)會(huì)他們偏好的設(shè)計(jì)語言是非常有幫助的。配色方案、字體、語言
