在設(shè)計(jì)的世界里我們都生活著，我們喜歡創(chuàng)意設(shè)計(jì)。從一個(gè)全新的項(xiàng)目開(kāi)始，我們就喜歡這種感覺(jué)。我們喜歡調(diào)整設(shè)計(jì)，使之完美。我想要和全世界分享我的所作所為
但是，這并不意味著我們的工作很容易。這個(gè)問(wèn)題充滿(mǎn)了挑戰(zhàn)，有時(shí)甚至是最微小的問(wèn)題都可能使理想項(xiàng)目成為噩夢(mèng)。
有了更多的經(jīng)驗(yàn)，才能更好地處理。當(dāng)你學(xué)習(xí)如何處理最嚴(yán)重的問(wèn)題時(shí)，你一定要付出時(shí)間和痛苦的教訓(xùn)。作為一名設(shè)計(jì)師，我在本文中發(fā)現(xiàn)了三個(gè)最常見(jiàn)的問(wèn)題，我想和大家分享一下我是如何解決這些問(wèn)題的。
第一問(wèn)：使用的是差勁的前端開(kāi)發(fā)者。
想像一下，鄭州網(wǎng)站開(kāi)發(fā)公司花了幾周時(shí)間為客戶(hù)設(shè)計(jì)一個(gè)新的網(wǎng)站定制項(xiàng)目。每個(gè)細(xì)節(jié)都是你精心設(shè)計(jì)的。您將字體設(shè)計(jì)得很漂亮，并明智地選擇了間距，以確保所有顏色完全一致。您為您的客戶(hù)是滿(mǎn)意的結(jié)果而驕傲。

當(dāng)你把PSD文件(或者你選擇的設(shè)計(jì)軟件草圖)發(fā)送給網(wǎng)絡(luò)開(kāi)發(fā)者，你就會(huì)迫不及待地等著看到一個(gè)完整的工作站點(diǎn)。
惡夢(mèng)開(kāi)始了…
假如你的客戶(hù)雇用了一個(gè)糟糕的前端開(kāi)發(fā)人員，你的設(shè)計(jì)就完了。在瀏覽器中看到這個(gè)站點(diǎn)是錯(cuò)的。間隔錯(cuò)了，字體大小亂糟糟，沒(méi)有排版，您也不選顏色。
方法：學(xué)習(xí)代碼設(shè)計(jì)，或者讓開(kāi)發(fā)者提供一套完整的網(wǎng)頁(yè)風(fēng)格指南。
對(duì)于這個(gè)問(wèn)題，至少有兩種解決辦法。
第一種選擇就是學(xué)會(huì)如何編碼。嚴(yán)肅對(duì)待若要設(shè)計(jì)網(wǎng)頁(yè)，至少要了解HTML和CSS。別怕，因?yàn)槟歉揪筒皇蔷幊獭?br/>了解代碼會(huì)幫助你成為一個(gè)更好的設(shè)計(jì)師。您將發(fā)現(xiàn)網(wǎng)站如何運(yùn)作和更有效的設(shè)計(jì)方案。最終，你會(huì)確保最終的結(jié)果符合你的期望。在某些情況下，您無(wú)法對(duì)項(xiàng)目進(jìn)行編碼，因?yàn)榭蛻?hù)已經(jīng)有開(kāi)發(fā)人員，或者您只是雇傭您進(jìn)行設(shè)計(jì)。
現(xiàn)在，第二個(gè)選擇是：提供一份穩(wěn)固的Web設(shè)計(jì)風(fēng)格指南。
你的web風(fēng)格指南將指導(dǎo)開(kāi)發(fā)者如何設(shè)計(jì)代碼。識(shí)別所有基本設(shè)計(jì)元素，將它們轉(zhuǎn)化為CSS將變得更加容易。與嘗試解構(gòu)模型文件相比，它更方便地查看風(fēng)格指南。
對(duì)于一個(gè)小型網(wǎng)站項(xiàng)目，您不必創(chuàng)建整個(gè)設(shè)計(jì)系統(tǒng)。使其更簡(jiǎn)單和集中于最重要的元素，比如字體、顏色、有用的用戶(hù)界面部分(表格、按鈕、內(nèi)容框等)。
一般情況下，我會(huì)提供兩種或更多的PSD文件。打印文檔是我設(shè)計(jì)的：h1,h2,h3，…段，引文，列表。另外，整體配色方案包括原色、二次色、重音色和背景色。也可以添加UI文件，包括按鈕、輸入框、彈出窗口、圖標(biāo)等等。我作為項(xiàng)目設(shè)計(jì)師，可以獲得免費(fèi)的Photoshop風(fēng)格指導(dǎo)模板文件。