Godzilla. 2016-08-08
網(wǎng)站建設(shè)
網(wǎng)站設(shè)計(jì)中常見的三個(gè)問題和解決方案
我們都生活在設(shè)計(jì)的世界,我們喜歡創(chuàng)意設(shè)計(jì)的一部分。當(dāng)我們開始一個(gè)全新的項(xiàng)目我們喜歡這種感覺。我們愛調(diào)整我們的設(shè)計(jì),使其完美。我們喜歡把所做的分享給這個(gè)世界。
然而,這并不意味著我們的工作是很容易的。這是充滿挑戰(zhàn)的,有時(shí)甚至是最小的問題可以把理想的項(xiàng)目變成一場噩夢。
經(jīng)驗(yàn)越多,就能更好的處理問題。在你學(xué)習(xí)如何處理最棘手的問題時(shí)一定會花一些時(shí)間和慘痛的教訓(xùn)。在這篇文章中,作為一個(gè)設(shè)計(jì)師的路上我發(fā)現(xiàn)了三個(gè)最常見的問題,我想與你們分享我如何解決他們的方法。
問題一:使用一個(gè)糟糕的前端開發(fā)人員。
想象你花了幾個(gè)星期的時(shí)間為客戶設(shè)計(jì)一個(gè)新的定制網(wǎng)站項(xiàng)目。你精心設(shè)計(jì)每一個(gè)細(xì)節(jié)。你設(shè)定一個(gè)漂亮的排版,明智地選擇了間距,確保所有的顏色都是完全一致的。你很自豪,你的客戶是滿意的結(jié)果。
你發(fā)送你的PSD文件(或素描文件或任何其他您所選擇的設(shè)計(jì)軟件)到web開發(fā)人員,你急切地等待看到一個(gè)完全工作網(wǎng)站。
然后噩夢的開始…
如果你的客戶雇傭了一個(gè)糟糕的前端開發(fā)人員,你的設(shè)計(jì)是完蛋了。你看網(wǎng)站在瀏覽器中都是錯(cuò)誤的。間距是錯(cuò)誤的,字體大小是一團(tuán)糟,顏色不是你選擇的,沒有排版。
解決方案:學(xué)習(xí)如何代碼設(shè)計(jì)或開發(fā)人員提供一個(gè)完整的web樣式指南。
實(shí)際上有至少兩個(gè)很好的解決這個(gè)問題的方法…
1、第一個(gè)選項(xiàng)是學(xué)習(xí)如何代碼。認(rèn)真對待。如果你網(wǎng)頁的設(shè)計(jì),那么至少知道HTML和CSS是必須的。不要害怕,因?yàn)樗踔吝€不是真正的編程。
學(xué)習(xí)代碼將幫助你成為一名更好的設(shè)計(jì)師。你會發(fā)現(xiàn)網(wǎng)站是如何工作和更有效的設(shè)計(jì)解決方案。最后,您將確保最后的結(jié)果就是你想要的。有些情況下,你不能代碼項(xiàng)目,因?yàn)榭蛻粢呀?jīng)有一個(gè)團(tuán)隊(duì)的開發(fā)人員或你只是雇來做設(shè)計(jì)。
2、這時(shí)第二個(gè)選項(xiàng)有:提供一個(gè)堅(jiān)實(shí)的web設(shè)計(jì)風(fēng)格指南。
您的web風(fēng)格指南將指導(dǎo)開發(fā)人員如何設(shè)計(jì)代碼。它會更容易識別所有設(shè)計(jì)的基本元素,把它們轉(zhuǎn)換成CSS。它只是更方便看看你的風(fēng)格指南,而不是試圖解構(gòu)模型文件。
如果這是一個(gè)小網(wǎng)站的項(xiàng)目,你不需要創(chuàng)建整個(gè)設(shè)計(jì)系統(tǒng)。讓它簡單和專注于最重要的元素,如字體、顏色和有用的用戶界面部分(形式、按鈕、內(nèi)容框等)。
我通常提供兩個(gè)或更多額外的PSD文件模型。印刷的文件描述了我設(shè)計(jì):h1,h2,h3,…,段落、報(bào)價(jià)、列表。另一個(gè)文件整個(gè)配色方案包括了原色,二次顏色,口音的顏色和背景顏色。我還可以添加一個(gè)UI文件,包括按鈕、輸入框,彈出窗口、圖標(biāo)等等。你可以得到免費(fèi)的Photoshop風(fēng)格指南模板文件,我做我自己的項(xiàng)目設(shè)計(jì)師。
問題二:永無止境的設(shè)計(jì)修改。
試著去想象這種情況：在你工作一段時(shí)間后你很興奮的設(shè)計(jì)新項(xiàng)目，你發(fā)送你的第一個(gè)設(shè)計(jì)模型到你的客戶,等待反饋。然后,第一反應(yīng)是,你緊張地打開郵箱閱讀你的客戶的評論。是的，客戶喜歡排版、布局以及如何解決一些導(dǎo)航可用性問題,但…總有“但是”:“你能讓這個(gè)橙色變暗嗎？”、“我真的不喜歡這個(gè)無襯線字體標(biāo)題”，和經(jīng)典的:“你能讓我的標(biāo)志更大嗎？”。
這些問題通常會導(dǎo)致修改你的頁面設(shè)計(jì)。您所作的改變你最初的概念越多,越多你的客戶可能想要改變它。最后,客戶機(jī)甚至可能停止信任甚至懷疑,但你知道你在做什么。
解決辦法:試著更好地解釋所有設(shè)計(jì)決策在你面前展示你的設(shè)計(jì)給你的客戶。
首先，不要責(zé)怪你的客戶太多變化、問題或修改。你是設(shè)計(jì)師,你的工作的一部分是來處理它。
客戶通常在不理解的情況下質(zhì)疑你的設(shè)計(jì)決策。如果你只是把你的設(shè)計(jì)模板和詢問你的客戶他們是怎么想的,你將會把這個(gè)項(xiàng)目變成一場噩夢。
嘗試總是支持每一個(gè)設(shè)計(jì)模型與一個(gè)解釋為什么你做出某些決定是非常重要的。你可以打個(gè)電話,談?wù)撍欢螘r(shí)間。它會完全改變你的客戶看你的工作的方式。值得花費(fèi)額外的30分鐘,因?yàn)樗赡軙?jié)省您修正時(shí)間和不必要的變化。如果你告訴你的客戶,你的設(shè)計(jì)決策可以有利于他們的業(yè)務(wù),提高轉(zhuǎn)化率和銷售,你會贏得這個(gè)項(xiàng)目!
問題三:設(shè)計(jì)沒有內(nèi)容或足夠的關(guān)于項(xiàng)目的信息。
這個(gè)設(shè)計(jì)師可能是最常見的問題之一。因?yàn)樵O(shè)計(jì)通常是第一步的過程中創(chuàng)建一個(gè)網(wǎng)站,客戶可能不知道他們想要什么,沒有內(nèi)容的網(wǎng)站…即使你已經(jīng)聘請了設(shè)計(jì)網(wǎng)站。
然后,幾個(gè)星期過去了,你仍然不能啟動項(xiàng)目。忽然,你意識到你有三個(gè)甚至四個(gè)項(xiàng)目。它們都在等待客戶端為您提供內(nèi)容或有關(guān)項(xiàng)目的信息。當(dāng)你最終得到它,它可能會讓你大吃一驚,徹底改變工作范圍的估計(jì)。
解決方案:增加研究和發(fā)現(xiàn)的過程,以幫助客戶找出到底是哪些內(nèi)容需要和得到更詳細(xì)的項(xiàng)目。
你不能只是坐著等待客戶端發(fā)送你的內(nèi)容。盡可能早地進(jìn)入這個(gè)過程,所以你可以會影響一些非常重要的基本決策,將影響整個(gè)設(shè)計(jì)項(xiàng)目。你的工作開始之前你打開Photoshop。你最大的挑戰(zhàn)是什么？你有你自己的解決方案嗎？請?jiān)谙旅娴脑u論里分享他們。
文章標(biāo)簽：
網(wǎng)頁設(shè)計(jì)
文章評論：