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