一般公司，甚至包含現(xiàn)在的網(wǎng)絡(luò)創(chuàng)新公司，對(duì)于網(wǎng)站設(shè)計(jì)的想像，就是請(qǐng)「網(wǎng)頁(yè)設(shè)計(jì)師」從平面設(shè)計(jì)開(kāi)始，畫(huà)出這個(gè)網(wǎng)站的look & feel（看起來(lái)、感覺(jué)起來(lái)如何），甚至要你多設(shè)計(jì)幾個(gè)樣稿、比稿之后，挑選中意的設(shè)計(jì)，再送給前端工程師切版、后端工程師套版，網(wǎng)站就上線了。我們暫時(shí)把這種流程稱(chēng)為「?jìng)鹘y(tǒng)設(shè)計(jì)流程」好了。

那為什么我們的商業(yè)網(wǎng)站，多數(shù)設(shè)計(jì)還是不到及格邊緣呢？即使一開(kāi)始設(shè)計(jì)不錯(cuò)，但為什么品質(zhì)就是會(huì)慢慢向下變調(diào)呢？

其實(shí)問(wèn)題就在于前面提到這種制作方法與流程，已經(jīng)不符合時(shí)代了。

一般大家認(rèn)知的「?jìng)鹘y(tǒng)設(shè)計(jì)流程」也就是大概距離15 年前、網(wǎng)絡(luò)泡沫時(shí)代的「我的第一個(gè)Homepage」的作法。當(dāng)時(shí)的企業(yè)非常勇敢，我也參與其中，無(wú)論任何公司都要搭上.COM 的潮流。作法確實(shí)是直接跳過(guò)HTML 到Adobe 軟體去制作所有的網(wǎng)頁(yè)。而其中Adobe 軟體就包了好幾個(gè)項(xiàng)目：Photoshop、Dreamweaver、Fireworks、Flash 等等，主宰了大概快十年的網(wǎng)頁(yè)設(shè)計(jì)市場(chǎng)。

不過(guò)也因?yàn)檫@種「?jìng)鹘y(tǒng)設(shè)計(jì)流程」模式固定下來(lái)很久??往往網(wǎng)頁(yè)設(shè)計(jì)公司經(jīng)營(yíng)到最后，變成專(zhuān)門(mén)供應(yīng)廣告設(shè)計(jì)事務(wù)所制作「活動(dòng)網(wǎng)站」，這種案例并不少見(jiàn)。也常常有人去應(yīng)征「網(wǎng)頁(yè)設(shè)計(jì)師」，搞到最后都在做線上EDM 或活動(dòng)網(wǎng)站，更慘一點(diǎn)還有幫忙做廣告banner??設(shè)計(jì)師自己感覺(jué)到連尊嚴(yán)都沒(méi)了。

更慘的是??常看104 征才的內(nèi)容就能知道，連現(xiàn)在2016 當(dāng)紅網(wǎng)絡(luò)創(chuàng)新事業(yè)的公司還是一樣的狀況。如果這個(gè)市場(chǎng)環(huán)境里的「網(wǎng)頁(yè)設(shè)計(jì)師」職位內(nèi)容一直是混亂的，代表企業(yè)看待網(wǎng)站的層級(jí)就有根本上的問(wèn)題：網(wǎng)站普遍在企業(yè)內(nèi)既然被視為是次要的、替補(bǔ)的，企業(yè)對(duì)于網(wǎng)站設(shè)計(jì)的想法，就不會(huì)與時(shí)俱進(jìn)。

這樣的流程早在2010 之前就被淘汰了，而我們還在呼吁這件事。

時(shí)代改變后，如果「品牌、傳播媒體」或「平臺(tái)」還使用「?jìng)鹘y(tǒng)設(shè)計(jì)流程」來(lái)制作，悲劇就會(huì)不斷的重復(fù)發(fā)生

首先，用「平面」來(lái)設(shè)計(jì)網(wǎng)站，就好像在一張紙上畫(huà)圖，既不能互動(dòng)，又不能想像在各種不同寬度上的模樣。平面對(duì)我們的用途，僅能確認(rèn)一個(gè)大概的方向。再來(lái)，如果一開(kāi)始就在平面上模擬到最后的模樣，到最后切版、套版、上線之后，經(jīng)營(yíng)幾個(gè)月，風(fēng)格一定會(huì)脫離一開(kāi)始設(shè)計(jì)師模擬的畫(huà)面。然后過(guò)一季面臨各種文章更新、或新增功能、需求，整個(gè)風(fēng)格就開(kāi)始崩壞。

上面一段短敘，我們就能發(fā)現(xiàn)幾個(gè)現(xiàn)代要因應(yīng)的問(wèn)題：

要求更豐富的互動(dòng)操作
面對(duì)多樣化上網(wǎng)裝置
工程品質(zhì)：永續(xù)營(yíng)運(yùn)、品質(zhì)的一致性

• 1. 更豐富的互動(dòng)操作

  網(wǎng)站如果只是從平面設(shè)計(jì)搬到網(wǎng)絡(luò)上，那就不叫網(wǎng)站，那只能稱(chēng)做EDM，就像是你在服飾網(wǎng)站訂閱的電子報(bào)一樣，那也是HTML 寫(xiě)成的，但完全不能操作。你頂多只能點(diǎn)選連到該去的地方而已。而臺(tái)灣有許多網(wǎng)站就是這樣設(shè)計(jì)完成的，前端工程師必須讓互動(dòng)成真，必須修改幾乎要砍掉重練的HTML 原始碼。另外，我們現(xiàn)在的輸入裝置除了滑鼠以外，可能還有觸控版、滾輪、或是觸控螢?zāi)坏?。這是平面設(shè)計(jì)階段完全體會(huì)不到的。

• 2. 多樣化上網(wǎng)裝置

  在2000 年的網(wǎng)站設(shè)計(jì)觀念，從桌上型電腦開(kāi)始到筆記型電腦，就有著各種不同的大小，但還好這些裝置螢?zāi)欢歼€算大，如果視窗放的太小，無(wú)法看到網(wǎng)站的全貌，就算他活該。我們現(xiàn)在上網(wǎng)的方法變多了，在2016 年，有平版電腦、手機(jī)電腦（其實(shí)現(xiàn)代的手機(jī)應(yīng)該叫做隨身手持電腦附屬手機(jī)功能）、甚至還有全螢?zāi)环指钅Ｊ健V 或其他物聯(lián)網(wǎng)瀏覽器等，你不可預(yù)期的各種尺寸大小。這也是平面設(shè)計(jì)階段完全體會(huì)不到的。

• 3. 工程品質(zhì)：永續(xù)營(yíng)運(yùn)、品質(zhì)的一致性

  從平面思考的網(wǎng)頁(yè)設(shè)計(jì)，其結(jié)果再怎么讓人「眼睛一亮、哇、不得了」，都是一時(shí)的激情。等到交給前端工程師開(kāi)始切版、套版之后，就不再是那么熱血的事。因?yàn)榧兤矫婢W(wǎng)頁(yè)設(shè)計(jì)師不知道程式的限制在哪，而純前端工程師也不知道設(shè)計(jì)的限制在哪里。都不知道，自然也無(wú)法突破障礙，雙方都只能打出最安全的牌：盡量不要出錯(cuò)。

歸結(jié)上面三點(diǎn)，你就會(huì)知道到底為什么公司會(huì)為了因應(yīng)各種活動(dòng)、專(zhuān)案，就得勞師動(dòng)眾，把整個(gè)開(kāi)發(fā)團(tuán)隊(duì)、設(shè)計(jì)師的產(chǎn)能都吃光、產(chǎn)能都調(diào)度去做臨時(shí)的專(zhuān)案。加上RWD 觀念興盛，這些工作難度又再度雪上加霜。這完完全全就是因?yàn)闆Q策層缺乏系統(tǒng)觀念?？膳碌氖墙?jīng)過(guò)惡性循環(huán)、缺乏人力的情況下，也會(huì)誤認(rèn)為設(shè)計(jì)一套系統(tǒng)是浪費(fèi)錢(qián)。

我們需要的是「設(shè)計(jì)系統(tǒng)」本身，而不是只有設(shè)計(jì)頁(yè)面長(zhǎng)相。這就是目前北京商業(yè)網(wǎng)站設(shè)計(jì)品質(zhì)遇到困境的主因。事前做了妥善準(zhǔn)備，在有設(shè)計(jì)系統(tǒng)的狀況下，完成一個(gè)新專(zhuān)案就不再是那么艱辛的事，也許還可以把重復(fù)浪費(fèi)使用的精力，拿去挑戰(zhàn)更困難或更高收益的內(nèi)容。

設(shè)計(jì)系統(tǒng)

做產(chǎn)品前，先做這個(gè)產(chǎn)品的系統(tǒng)。做一整套事業(yè)之前，先做這整套事業(yè)的系統(tǒng)。分子化元件之后，使用設(shè)計(jì)系統(tǒng)來(lái)完成你的前線產(chǎn)品，其中可能包含（不限于）：

• *跨媒體視覺(jué)識(shí)別系統(tǒng)（平面版、數(shù)位版）
  *跨平臺(tái)UI元件系統(tǒng)（HTML/CSS/JS/或其他平臺(tái)相關(guān)格式之Style Guide）
  *商業(yè)邏輯分子化系統(tǒng)

設(shè)計(jì)系統(tǒng)本身確實(shí)需要額外的計(jì)畫(huà)、預(yù)算，企業(yè)主如何讓設(shè)計(jì)系統(tǒng)成為可能？

• UBER brand guide

• Google 推出Material Design 統(tǒng)一旗下產(chǎn)品體驗(yàn)

• BBC 全球共通體驗(yàn)規(guī)范

• NETFLIX 品牌應(yīng)用系統(tǒng)展示

• 蔡英文總統(tǒng)點(diǎn)亮臺(tái)灣網(wǎng)站設(shè)計(jì)規(guī)范

• 
  

當(dāng)想法對(duì)了，就會(huì)產(chǎn)出額外要做的事，也會(huì)省下事后不必要的浪費(fèi)。不過(guò)??若要問(wèn)企業(yè)有沒(méi)有認(rèn)真？從計(jì)畫(huà)與預(yù)算就能夠看出。

如果只是交代設(shè)計(jì)師、工程師在原有專(zhuān)案的壓力之下，剩余時(shí)間又多做一個(gè)系統(tǒng)設(shè)計(jì)，相信只會(huì)提高離職率而已。

這必須是一個(gè)「認(rèn)真的專(zhuān)案」，而不是「Side Project」之類(lèi)的勵(lì)志成功小品。

調(diào)查規(guī)模

其實(shí)，只要先透過(guò)調(diào)查、診斷，先確認(rèn)企業(yè)1–2年之內(nèi)的野心、布署、未來(lái)可能計(jì)畫(huà)，就能統(tǒng)整出適合自己事業(yè)的規(guī)模，需要做出的設(shè)計(jì)系統(tǒng)范圍。這步驟無(wú)論是內(nèi)部主管自己多花來(lái)做、或請(qǐng)外部專(zhuān)業(yè)公司評(píng)估都可以。
不同規(guī)模的事業(yè)體、不同產(chǎn)業(yè)，制作設(shè)計(jì)系統(tǒng)的規(guī)模、范圍也就不同。我們不一定要花非常多的預(yù)算來(lái)做這件事，僅需求合理、合乎自己的需要即可。

下放資源

有了大致的范圍后，根據(jù)制作量的多寡，少至一個(gè)禮拜只挪周五來(lái)做，多至成立三個(gè)人的小組來(lái)負(fù)責(zé)做這件事，也都是比完全不做來(lái)的更好。而你投入的資源，可以是現(xiàn)成的人月時(shí)間，或是你的預(yù)算：例如產(chǎn)品的規(guī)模龐大，委托專(zhuān)業(yè)的設(shè)計(jì)公司來(lái)做，可能會(huì)比花現(xiàn)成的人力還要省時(shí)省錢(qián)。若資源暫時(shí)不足，也沒(méi)有關(guān)系。其重點(diǎn)就在于真正的面對(duì)這件事，是高于第一線業(yè)務(wù)的層級(jí)，非做不可。必須安排企業(yè)中菁英的決策者來(lái)下定決心、計(jì)畫(huà)、安排未來(lái)的時(shí)間與確切預(yù)算下去執(zhí)行。等待在企業(yè)最有能力承擔(dān)的時(shí)候，把底打好。另外，設(shè)計(jì)系統(tǒng)也需要時(shí)俱進(jìn)，當(dāng)事業(yè)、產(chǎn)品線有擴(kuò)展后，研發(fā)必須再回饋、增長(zhǎng)自己的系統(tǒng)，長(zhǎng)久以來(lái)就能夠發(fā)揮對(duì)產(chǎn)業(yè)的影響力。

只有這么做，網(wǎng)絡(luò)事業(yè)才能呈現(xiàn)出品牌的樣稿，隨設(shè)計(jì)系統(tǒng)的累積不斷改進(jìn)品質(zhì)。面對(duì)設(shè)計(jì)人才的需求，也變?yōu)槭褂谜嬲母唠A人才。而前線業(yè)務(wù)的進(jìn)行也變得更容易有規(guī)則，降低人事變動(dòng)對(duì)企業(yè)的殺傷力。網(wǎng)絡(luò)產(chǎn)業(yè)才會(huì)開(kāi)始樂(lè)觀、令人向往了。

當(dāng)前文章：令人向往的北京網(wǎng)站建設(shè)行業(yè)。
分享網(wǎng)址：http://www.rwnh.cn/news/80874.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)