萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

從需求方視角看網頁設計:避開「飛機稿」的實戰心法

雖然轉行離開設計師崗位已近三年,我仍習慣關注站酷等設計社區。每當看到高手們的佳作,總讓我慶幸當初沒硬著頭皮走下去——三年前我因自覺設計天賦不足,轉投遊戲公司負責官網建設與媒體渠道工作。如今回望,那條路走得沒錯:我的設計水準與站酷大神們的差距,確實不是靠單純努力就能追上的。

工作關係使我長期扮演「網頁設計需求方」的角色。三年來看過無數設計稿,也親手「槍斃」了不少。往往那些被否決的稿件本身並不難看,甚至精美到讓我下手時心情沉重。問題在於:設計師過於專注於設計本身,卻忽略了設計之外的關鍵因素。這讓我想起站酷上常見的精美「飛機稿」,不禁為這些依然熱愛設計的旁觀者感到惋惜。因此我想從這三年需求方的視角,談談網頁設計的實戰觀察,希望能對大家有所啟發。當然,我設計方面只算外行,若有謬誤還請包涵。

設計師與需求方:誰在主導?

記得做設計時,一位在中國待了近六年的外籍同事曾直言:「中國沒有 DESIGNER,只有 PAGE WORKER!」當時我很不服氣,試圖反駁,最終他道歉並成了好友。但三年需求方生涯讓我不得不承認這殘酷事實——並非中國設計師缺乏創意,而是客戶心理與項目需求將設計師推向了「美工」的位置。

大多數需求方是外行,甚至審美嚴重扭曲(高端公司有專業需求方,但可遇不可求)。在他們眼中,自己擁有項目主導權,腦海裡往往有模糊的「想法藍圖」,期望設計師據此輸出頁面。非專業的描述導致設計思路跟著模糊;或是表達清晰但審美扭曲,讓設計師無法認同。無論哪種原因,結果都是頁面變得四不像。這種經歷,想必每位設計師都深有體會。

破解之道:六大實戰策略

1. 深度溝通先行,別當「猜謎遊戲」

製作前溝通至關重要。假設需求方是「白癡」,什麼都不懂。在需求未明確前別嘗試猜測做稿,那極易「飛機」。最好讓需求方找出 2-3 個同類風格參考站,並說明欣賞點。深度溝通後,你會發現溝通時間遠少於返工時間。

2. 需求文檔別「咬文嚼字」,關鍵細節要顯性化

同樣假設需求方不懂專業細節。我曾犯錯:需求寫「整站基調為科技感未來感的藍紫色」,結果設計師連頭部人物膚色都調成藍色,活生生的「阿凡達」。這教訓告訴我:關鍵例外情況必須在需求中明確排除。

3. 強勢需求方?用「雙稿策略」給台階

好設計師個性往往很強,但工作要講方法。別硬頂、別用術語說服(會被誤以為忽悠)。建議話術:「您的想法不錯,但我覺得……這樣或許效果更好。咱們可不可以按您的思路出一稿,按我的思路也出一稿,兩稿對比更稳妥?」對方有台階下,你也爭取到發揮空間。

4. 客戶喊「大」,未必真要「大」——要搞懂背後意圖

需求方說「大!一定要大!」,通常意思是「要明顯」。雖然可假設他不懂設計,但在產品層面他比你懂。先分析為何要「大」,或許從產品角度他是對的;再嘗試替代方案:換字體、換顏色、加襯托元素……在不破壞設計效果前提下修正。需求方多半了解自家產品,細細分析總能摸清意圖。

5. 別隨意動 LAYOUT,動也要帶著方案去溝通

即使覺得現有佈局糟透了,也別不打招呼就改。需求方需對結果負責,未告知就改動是嚴重挑釁。實在無法接受時,先思考:對方為何這樣佈局?有無更好方案?再帶著「可能效果更好的方案」去討論,這是「幫助」而非「無視」。

6. 學會挑選客戶,檔次決定設計上限

老前輩曾說:「接 1000 元/頁以下的單,意味著你的設計定位在這檔次。」事實確如此。許多中小企業、國企、政府領導主導意識強,覺得設計不值錢,視設計師為工匠。與此類客戶講設計基本無戲,作品也難出彩。什麼檔次客戶決定什麼檔次設計,這話有理。

設計師與程序:天生「冤家」也能和解

設計追求「漂亮」,程序追求「簡單」,根本認知差異是矛盾核心,很難完全消除,但主觀努力能最大程度避免。

  • 懂技術是護身符:DIV+CSS 必學,別以為是程序的事——不想頁面被改得面目全非就得懂。JS 原理也要懂,方便溝通效果。
  • 簡化頁面有時無奈:國內網速、電腦配置是客觀限制。FLASH、jQuery 雖華麗但佔帶寬資源,去掉有時是無奈之舉——漂亮效果若讓用戶等不到,比沒效果更糟。
  • 私下多混臉熟:人心都是肉長的。沒事多和程序抽煙、喝酒、唠嗑。好程序思維簡單(非 0 即 1),其實很好相處。處熟了溝通順暢,甚至能搭檔接私單,雙贏。

設計師與終端體驗者:頁面好不好,用戶最有發言權

設計師很少直接接觸終端用戶,但頁面成敗用戶最有話語權。光會畫漂亮頁面不夠,體驗不好顏值再高也是空談。

  • 學理論別迷信,總結中國用戶習慣:國外理論基於國外用戶習慣,與國內差異大。我做過大型英文站項目,深感如此。為何不自己總結中國用戶習慣?多觀察成功網站、身邊人瀏覽習慣,多問幾個「為什麼」,形成自己的成熟理論,離「大師」就不遠了。
  • 好設計是引導閱讀:設計最終目的是傳達信息,為美觀犧牲傳達效果屬於負資產。有平面設計習慣的設計師易忽略此點,尤其以文字圖片為主的站點。建議研讀排版書籍——網頁排版與印刷排版有共通之處。
  • 在文字上下功夫:頁面引導文字往往被忽視,實則是體驗關鍵……
copyright © 萬盛學電腦網 all rights reserved