只要涉及到可視化編程，程序員和設(shè)計(jì)師之間就會(huì)出現(xiàn)矛盾，
開發(fā)者和設(shè)計(jì)師：為何我們不能好好相處？
。當(dāng)談及一些程序開發(fā)問題時(shí)雙方就會(huì)產(chǎn)生分歧，盡管我們都知道在創(chuàng)建有效的應(yīng)用程序時(shí)兩個(gè)團(tuán) 隊(duì)成員都很重要。設(shè)計(jì)師看到最初的設(shè)計(jì)版本與最終的版本不同時(shí)總會(huì)感到失望；而程序員則會(huì)抱怨說是設(shè)計(jì)師設(shè)計(jì)問題（有點(diǎn)雞蛋里挑骨頭）！許多沖突源于兩者之間缺乏理解，這也是導(dǎo)致設(shè)計(jì)師/程序員產(chǎn)生分歧的原因。為了兩者之間的和平，本文總結(jié)了一些經(jīng)驗(yàn)教訓(xùn)，作為設(shè)計(jì)師/程序員不妨學(xué)習(xí)下，知己知彼，方能百戰(zhàn)百勝。
設(shè)計(jì)師說：我們并不是有意為難
我們努力做好工作，我們并不是有意為難。
設(shè)計(jì)師需要維護(hù)開發(fā)者們的聲譽(yù)，在你們看來我們更喜歡形式功能，但事實(shí)并非如此。設(shè)計(jì)師努力嘗試做出最適合的功能，以便這些功能都能被采用。
越來越多的設(shè)計(jì)師開始注重用戶體驗(yàn)（user-experience）而非平面設(shè)計(jì)。在進(jìn)行設(shè)計(jì)之前了解用戶需求這有一點(diǎn)對(duì)于設(shè)計(jì)師來非常重要。有時(shí)我們會(huì)嘗試添加一些漂亮的圖形，希望用戶有更好的用戶體驗(yàn)。
程序員說：我們并不想有意為難
當(dāng)我們編寫代碼時(shí)，完成項(xiàng)目只是其中的一部分，應(yīng)用程序會(huì)隨著時(shí)間的改變而改變，我們要做的是確保這些變動(dòng)能輕易地進(jìn)行更改。我們需要編寫代碼來測 試自動(dòng)化測試框架。當(dāng)程序員從設(shè)計(jì)師那請(qǐng)求修改產(chǎn)品時(shí)，無論是HTML格式、文件命名或者目錄結(jié)構(gòu)，所做的一切都是為了確保該產(chǎn)品在將來測試能夠保持更佳 地靈活性。
別擔(dān)心，我們不會(huì)要求過多的靈活性。創(chuàng)建靈活性是非常珍貴的，我們懂得“YAGNI”適可而止的設(shè)計(jì)（這個(gè)原則簡而言之為——只考慮和設(shè)計(jì)必須的功能，避免過度設(shè)計(jì)）。我們盡量避免這種情況。
設(shè)計(jì)師說：形式問題影響功能
形式不追隨功能，形式可以賦予功能特征。程序員可以設(shè)計(jì)某些功能讓你輕易獲得所需。如果我們想要用戶點(diǎn)擊某個(gè)按鈕或者執(zhí)行某個(gè)動(dòng)作，圖形和布局就能幫助用戶知道或者進(jìn)行猜測如何獲取他們想要的結(jié)果。
經(jīng)驗(yàn)告訴我們設(shè)計(jì)出一款特定的方式尤其適用于在線應(yīng)用程序。即使是簡單的設(shè)計(jì)包括按鈕，表單或者照片選項(xiàng)，當(dāng)作出選擇時(shí)我們使用了明智的決策方法。通過位置、顏色以及視覺顯示即可告訴設(shè)計(jì)師某人正在參與互動(dòng)，但前提是你需要?jiǎng)?chuàng)建一個(gè)互動(dòng)環(huán)境。
舉個(gè)例子，世界上首屈一指的品牌導(dǎo)航，下圖是保時(shí)捷分層導(dǎo)航的屏幕截圖。簡潔、良好的結(jié)構(gòu)設(shè)計(jì)功能可以使用戶產(chǎn)生愉悅感！
程序員說：命名事宜
當(dāng)我們構(gòu)建一個(gè)應(yīng)用時(shí)有許多不同組件需要跟進(jìn)。除了網(wǎng)頁、圖形、源代碼文件、數(shù)據(jù)庫列表、列還有許多其他組件需要管理。而一致的命名是我們的第一要?jiǎng)?wù)。
當(dāng)一個(gè)設(shè)計(jì)師在文件系統(tǒng)GUI中拖放文件時(shí)，如果該文件命名為submitButton.gif或submit-button.gif或許無法區(qū)分 兩者。我們從數(shù)據(jù)庫領(lǐng)域到文件名到CSS類幾乎所有都采用了標(biāo)準(zhǔn)命名。這就表示編碼部門有了標(biāo)準(zhǔn)或者他們遵循了不成文的規(guī)則，有了一致的命名使工作更加輕 松。
我們旨在讓命名更加具有描述性和可預(yù)見性。相似的命名項(xiàng)目明顯是某個(gè)命名的重要組成部分。比如名為submit1.gif和submit2.gif無需解釋兩張圖片之間的差異，但submit-green.gif和submit-red.gif就不同了。
設(shè)計(jì)師說：規(guī)則有助于我們了解
我們可以學(xué)習(xí)規(guī)則，但這只是有助于我們了解。規(guī)則我們可遵循也可不遵循。開發(fā)者有時(shí)會(huì)和我們討論編程語言但我們并不理解，就如同設(shè)計(jì)師有時(shí)在講開發(fā)你們也難以理解一樣。一旦設(shè)計(jì)師和開發(fā)者都能理解了，最大的獲益者便是用戶。
上面提到使用文件命名的例子，只是想告訴我們應(yīng)該遵循什么樣的標(biāo)準(zhǔn)。我可以向你保證，如果我們知道了這是正確的方式，我們會(huì)以某種組圖方式或者以小寫字母方式命名，我們很樂意這么做。
設(shè)計(jì)師本質(zhì)上并不會(huì)反抗，因?yàn)榇蠖鄶?shù)情況下非常喜歡程序員。我們喜歡做自己想做的事情，也沒有人告訴我們應(yīng)該怎么做，我們屬于樂天派。
設(shè)計(jì)師們在訓(xùn)練時(shí)就知道無需遵循條條框框，要有創(chuàng)新理念，但這并不是說要為難開發(fā)者工作。一旦設(shè)計(jì)師遵循了規(guī)則，那么她可以將創(chuàng)新凌駕于規(guī)則之上，而不會(huì)讓功能更加困難。他們會(huì)因圖片能否運(yùn)用得當(dāng)而起爭論。
一旦我們有了某個(gè)平臺(tái)或者框架比如WordPress，我們可以在已知地方設(shè)計(jì)，在哪設(shè)計(jì)更加有意義（背景圖片，圖案，顏色），在哪設(shè)計(jì)無意義（導(dǎo)航，嵌入罕見的字體，圖形導(dǎo)航），
電腦資料
《開發(fā)者和設(shè)計(jì)師：為何我們不能好好相處？》(http://m.msguai.com)。尋找一個(gè)獨(dú)特的或者明智的方法來解決設(shè)計(jì)問題可以給設(shè)計(jì)師來帶更加出色的工作表現(xiàn)。程序員說：桌面上什么工作無法在Web上運(yùn)行
創(chuàng)建一個(gè)漂亮的Web頁面僅僅是這項(xiàng)工作的開始。當(dāng)推送到Wen服務(wù)器時(shí)這就要求它呈現(xiàn)出來的效果很完美。
Windows桌面上的文件命名大小寫之間的區(qū)別并不是很重要，但當(dāng)發(fā)布到Linux Web服務(wù)器時(shí)，greenbutton.gif 和GreenButton.gif是不一樣的，用戶或者程序員或者測試人員會(huì)看到404。我更喜歡使用小寫文件名，如果情況允許我會(huì)使用連字符來進(jìn)行區(qū) 分。
首先確保訪問所有鏈接和文檔以確保桌面上的任務(wù)能夠很好運(yùn)行。無論是頁面上圖片損壞或是CSS文件無法加載或是錯(cuò)誤鏈接導(dǎo)致設(shè)計(jì)的頁面很難運(yùn)行，會(huì)出現(xiàn)這種情況：
你可能不會(huì)注意到桌面上瀏覽器圖片加載時(shí)間，如果你使用漂亮的，全色的圖片作為banner圖，甚至是占據(jù)整個(gè)大半頁面，那么加載的時(shí)間是非常緩慢。很多瀏覽器插件導(dǎo)致頁面變寬，因此，請(qǐng)慎用。
設(shè)計(jì)師說：圖形只是一個(gè)支持機(jī)制
設(shè)計(jì)師了解圖形的支持機(jī)制，在應(yīng)用程序中并非是最重要的元素。根據(jù)需求確定是否使用圖片，如果你的信息需要裝飾而又不是放在首要位置，那又為何不可？
對(duì)于“藝術(shù)”而言，有些設(shè)計(jì)師感覺他們做這些工作才是最重要的，其他才是次要的。相比較“設(shè)計(jì)師”他們更愿意被稱為：“藝術(shù)家”。當(dāng)一名設(shè)計(jì)師與程 序員一起工作時(shí)，她想成為團(tuán)隊(duì)中的一員，因?yàn)樽罱K都是為了用戶。不同的是，設(shè)計(jì)師可以自己安排工作集中精力開發(fā)出優(yōu)質(zhì)的體驗(yàn)。這也是程序員們所期望的，但 程序員卻無法自我安排。
程序員說：DRY原則，不要重復(fù)自己。
系統(tǒng)維護(hù)最大的因素就是有多少重復(fù)。我們不需要用寫代碼來計(jì)算5個(gè)地方的銷售稅。在同一個(gè)地方編寫代碼，一個(gè)叫calculate_sales_tax()的函數(shù)可以使用5次。如果需要修改代碼，那么只需要改變某個(gè)函數(shù)就行，這也可以節(jié)省時(shí)間。
在設(shè)計(jì)師的國度里CSS就是DRY原則最大的事例。在CSS之前，在HTML中顯示的標(biāo)記是這樣：
This is a headline
CSS樣式：
如果你使用CSS就要遵循DRY原則。
設(shè)計(jì)師可利用DRY可以幫程序員減少復(fù)雜性。如果你有一種圖片需要在兩個(gè)不同地方使用，只需把它放在同一個(gè)目錄里，每個(gè)頁面都可以使用。
設(shè)計(jì)師說：對(duì)齊和間距真的很重要
對(duì)齊和間距非常重要。這對(duì)于嚴(yán)格的開發(fā)者在設(shè)計(jì)時(shí)創(chuàng)建對(duì)齊和間距是最為常見的問題，當(dāng)然也允許默認(rèn)布局。
使用對(duì)齊和間距主要是因?yàn)榇_保最終用戶能輕易的執(zhí)行功能，使這一過程更加直觀。如果用戶能輕易找到他們想要的東西，輕松完成這項(xiàng)任務(wù)，那說明你已經(jīng)成功了；倘若相反，那么在交互應(yīng)用上，你還有許多工作要做。
Yahoo！主頁
MailChimp主頁
你可以對(duì)比下Yahoo和MailChimp.com或Fab.com的主頁。
一個(gè)頁面上全是內(nèi)容，而另外兩個(gè)則是空白和對(duì)齊，因此用戶可以輕易地獲取想要的信息。當(dāng)然這兩個(gè)網(wǎng)站受眾類型不同，但是你可以告訴Fab.com和MailChimp.com網(wǎng)站設(shè)計(jì)用戶感興趣的信息。
程序員說：學(xué)習(xí)如何使用版本控制系統(tǒng)
在現(xiàn)代軟件開發(fā)中，版本控制系統(tǒng)（VCS）如Git或者Subversion是必備工具。如果這兩個(gè)你都沒使用，那么你就不是一名合格的程序員。一款VCS對(duì)設(shè)計(jì)師來說主要有兩個(gè)好處：變更管理和歷史追蹤。
結(jié)論：
當(dāng)然，設(shè)計(jì)師和程序員之間相互學(xué)習(xí)的還有很多。無論你是哪一方，我們希望能從項(xiàng)目方面思考。正如我們所說的，任何一方都不希望另一方痛苦。在項(xiàng)目合 作上我們都注重質(zhì)量問題希望項(xiàng)目能做的更好。兩者經(jīng)常在一起討論項(xiàng)目，你會(huì)發(fā)現(xiàn)從對(duì)方那學(xué)到很多知識(shí)，你的團(tuán)隊(duì)也會(huì)因此而變得更加強(qiáng)大。
英文出自：Smartbear
譯文出處：CSDN.net