
在工作當中,UI設(shè)計師經(jīng)常是和開發(fā)人員一起協(xié)作的,那么我們應(yīng)該怎樣讓這個過程變得更高效和更順利呢。盡管客戶可能很難區(qū)分UI設(shè)計行業(yè)工作人員的角色,但設(shè)計團隊和開發(fā)團隊之間往往存在鴻溝。有時與建筑師和建筑工程師之間的關(guān)系相比,UI設(shè)計師和開發(fā)人員會發(fā)現(xiàn)很難保持一致。雙方可能都認為對方不明白他們?yōu)槭裁匆@樣做,開發(fā)人員不注意細節(jié),設(shè)計師只關(guān)心讓事情看起來很漂亮。
產(chǎn)品開發(fā)人員是否需要從一開始就與設(shè)計師一起直接與客戶進行討論?每一方需要什么時間框架?有哪些技術(shù)可能性?不要害怕與對方或客戶坦誠交流是否存在局限性,或者是否需要進行更多研究才能給出答案。
開發(fā)人員經(jīng)常發(fā)現(xiàn),向客戶和設(shè)計人員坦誠地說明您實際上并不了解產(chǎn)品設(shè)計的所有知識,這可能會讓他們在你完全排除他們的技術(shù)實驗之前給你時間研究和測試新事物。
有時,開發(fā)人員可能會真正沉浸在他們的編碼中,而忘記了他們實際上是為誰開發(fā)產(chǎn)品。嘗試市場上前沿的CSS效果并解決復(fù)雜的編程問題真是太令人興奮了。這就是為什么他們必須與客戶會面并談?wù)撍麄兊男枨蠛苤匾?/span>對于不知道整個產(chǎn)品構(gòu)建階段的設(shè)計師來說也是如此。這涉及跨設(shè)備測試、錯誤修復(fù)和問題解決。
1.準備好設(shè)計文件
即使設(shè)計文件是由網(wǎng)頁或UI設(shè)計師準備的,開發(fā)人員也有責任確保它們符合產(chǎn)品的期望。為了做到這一點,雙方需要考慮一些事情。首先是討論設(shè)計師在設(shè)計階段更喜歡使用哪種程序(Photoshop、AI、藍湖、插畫圖片等)和格式,以及如何準備資料。
2.排版
設(shè)計師:重要的是要記住,網(wǎng)站的標題樣式不能超過六種。網(wǎng)站的每個排版方面都需要適應(yīng)這些風格。例如,如果您在首頁上有一個20 PX和23 PX行距的大粗體標題,這將成為標題1,并且很可能也用于網(wǎng)站的其他頁面。確保所有頁面都具有相似的樣式以保持一致性,并且不要創(chuàng)建超過六種不同的樣式。
段落樣式也是如此。如果網(wǎng)站上有段落樣式,請仔細檢查它在網(wǎng)站的每個頁面上的大小和行距是否相同。開發(fā)人員將對您提供給他們的確切尺寸進行編碼,盡管它在網(wǎng)絡(luò)上發(fā)布后可能會是什么樣子。
開發(fā)人員:建議創(chuàng)建所有標題和段落樣式,將它們顯示在網(wǎng)站的一頁上,并在繼續(xù)處理網(wǎng)站的其余部分之前詢問設(shè)計人員對結(jié)果是否滿意。我有很多基于設(shè)計構(gòu)建整個網(wǎng)站的經(jīng)驗,結(jié)果發(fā)現(xiàn)設(shè)計人員在看到實時字體樣式后對字體樣式并不滿意。
3、顏色
設(shè)計師:你希望設(shè)計稿交給客戶時,他們會添加新的顏色并忽略徽標的間距要求嗎?你也不希望這種情況發(fā)生在開發(fā)人員身上。避免它的有效方法是創(chuàng)建一個樣式指南,其中包含你要用于網(wǎng)站的確切顏色并堅持使用它們,就像您為印刷項目所做的那樣。然后確保您與開發(fā)人員討論僅使用提供的顏色的重要性。這包括較小元素的顏色,例如按鈕、輸入字段和字體。
開發(fā)人員:如果你在SASS或LESS中創(chuàng)建樣式表,你可以輕松地為要使用的重復(fù)顏色創(chuàng)建變量。使用此SASS指南或此LESS指南正確命名顏色。
如果沒有,你可以遵循上面的設(shè)計師建議并堅持使用你提供的顏色,并在網(wǎng)站開發(fā)的早期階段與設(shè)計師確認他們對結(jié)果是否滿意。
4、邊距和填充
設(shè)計師:這是一個簡單的提醒,要記住邊距和內(nèi)邊距,而且要在網(wǎng)站的每個頁面上保持它們的一致性。如果首頁有標題圖像,而其他頁面沒有,使用相同的邊距和內(nèi)邊距將使用戶更容易識別菜單的位置以在網(wǎng)站上導(dǎo)航。
開發(fā)人員:根據(jù)設(shè)計人員的指南創(chuàng)建一個重置CSS樣式表,并確保它在每個頁面上都匹配。如果編碼后尺寸看起來很奇怪,請在繼續(xù)編碼之前立即與設(shè)計人員討論
了解設(shè)計更改的來源并且不要針對個人而言非常重要。嘗試在設(shè)計階段完成盡可能多的工作,以盡量減少編碼階段的更改,因為更改代碼比更改設(shè)計更難。記住,你們是一個團隊!
本文由培訓(xùn)無憂網(wǎng)牛耳教育專屬課程顧問老師整理發(fā)布,更多UI設(shè)計課程信息可關(guān)注培訓(xùn)無憂網(wǎng)UI設(shè)計培訓(xùn)頻道或添加老師微信:15033336050
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-12251.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050