怎樣的UI設(shè)計(jì)師會(huì)是程序員眼中比較厲害的呢？

  UI設(shè)計(jì)師是唯一要和程序員合作的設(shè)計(jì)師職業(yè)，我們看多了相互取笑的段子，那么怎樣的UI設(shè)計(jì)師會(huì)是程序員眼中比較厲害的呢？這其中有3個(gè)層次。

  1.懂UI

  沒(méi)錯(cuò)，首先是懂UI。UI設(shè)計(jì)師設(shè)計(jì)的是人機(jī)交互界面，界面的載體是設(shè)備。這是區(qū)別于其他設(shè)計(jì)師的地方。不同設(shè)備又有它的特性和要求，了解設(shè)備知識(shí)是程序員和設(shè)計(jì)師共同的目標(biāo)，也是他們找到共同語(yǔ)言的基礎(chǔ)。

  設(shè)計(jì)師需要了解這些東西：

  可控制的基本屬性：字體，字形，字號(hào)與單位，高寬、間距留白，顏色（256色，RGBA）、漸變，圓角，透明度，陰影，對(duì)齊方式，層級(jí)。

  系統(tǒng)自帶組件（導(dǎo)航欄、菜單欄、任務(wù)欄、對(duì)話(huà)框等）的大小、樣式風(fēng)格、交互形式、版本差異。

  自定義組件：1/2/3級(jí)標(biāo)題、正文、提示框、按鈕、彈窗、選擇框、下拉列表、圖標(biāo)、各種卡片……

  狀態(tài)變化：普通、懸停（hover）、選中/激活（selected/active）、不可用（disabled）。

  動(dòng)畫(huà)：位置、大小、顏色、透明度、形狀的變化，并可控制時(shí)長(zhǎng)、速度曲線、循環(huán)。

  柵格：2、4、8、16、32的倍數(shù)對(duì)齊。

  屏幕適配：大小、高寬比，像素密度（2x、3x，hdpi、xhdpi……），組件的可變大小規(guī)則。

  多語(yǔ)言適配，兼容文字最長(zhǎng)的語(yǔ)種。

  2.懂設(shè)計(jì)

  審美是每個(gè)有感情的人都具備的，如果UI能讓技術(shù)在日常工作時(shí)也看得賞心悅目那自然備受尊崇。到了這個(gè)層次，對(duì)UI設(shè)計(jì)師的要求又回歸到設(shè)計(jì)本身，最基本的就是要把通用的設(shè)計(jì)手法很好地結(jié)合業(yè)務(wù)運(yùn)用到產(chǎn)品上。

  下面這些創(chuàng)作手法和意識(shí)的運(yùn)用，在項(xiàng)目組眼中都是專(zhuān)業(yè)的體現(xiàn)：

  色彩運(yùn)用

  根據(jù)業(yè)務(wù)目標(biāo)渲染情緒氛圍。比如電商網(wǎng)站用紅、黃為主色調(diào)，以引起用戶(hù)興奮，一個(gè)沖動(dòng)就產(chǎn)生購(gòu)買(mǎi)行為。

  符合產(chǎn)品特性，比如綠色代表安全，藍(lán)色代表科技

  符合用戶(hù)特性，綜合考慮性別、年齡等因素，比如粉色適合女性，艷麗色適合老年人

  層次感強(qiáng)，突出重點(diǎn)

  風(fēng)格把控，迎合用戶(hù)群體喜好，例如：柔和、青春、穩(wěn)重、擬物等

  炫酷又不喧賓奪主的動(dòng)畫(huà)

  個(gè)性化，比如換膚

  這其中某些部分可以說(shuō)是視覺(jué)設(shè)計(jì)師的技能，其實(shí)UI設(shè)計(jì)師向其它設(shè)計(jì)領(lǐng)域滲透是設(shè)計(jì)水平到一定程度后的自然升級(jí)?？梢酝@些方面拓展：

  廣告和平面設(shè)計(jì)

  設(shè)計(jì)理念：能向項(xiàng)目組成員說(shuō)清楚這樣設(shè)計(jì)的思路和好處，以及想通過(guò)設(shè)計(jì)來(lái)傳達(dá)什么信息給用戶(hù)

  非功能性區(qū)域（例如引導(dǎo)頁(yè)）的營(yíng)銷(xiāo)文案

  運(yùn)營(yíng)物料的設(shè)計(jì)

  交互設(shè)計(jì)

  接管產(chǎn)品經(jīng)理的職責(zé)，根據(jù)業(yè)務(wù)流程直接設(shè)計(jì)界面和交互流程

  熟悉用戶(hù)體驗(yàn)理論和優(yōu)化方法

  熟悉平臺(tái)特色的人機(jī)交互指南

  明確業(yè)務(wù)導(dǎo)向的設(shè)計(jì)目標(biāo)，例如引導(dǎo)用戶(hù)沖動(dòng)消費(fèi)

  VI設(shè)計(jì)

  從產(chǎn)品UI演化到企業(yè)logo、slogan

  吉祥物設(shè)計(jì)

  UI設(shè)計(jì)擴(kuò)展影響到公司名片、包裝、郵件簽名欄等

  產(chǎn)品設(shè)計(jì)

  能指正產(chǎn)品文檔上的交互邏輯疏漏

  研究競(jìng)品的設(shè)計(jì)理念并超越

  網(wǎng)頁(yè)設(shè)計(jì)

  前端是最貼近UI設(shè)計(jì)師的開(kāi)發(fā)工作，懂點(diǎn)HTML/CSS/JS也就更懂程序員了

  最后，和程序員一樣的是，設(shè)計(jì)師如果能提高英語(yǔ)水平，直接閱讀學(xué)習(xí)國(guó)外資料，會(huì)非常有助于緊跟國(guó)際設(shè)計(jì)潮流、提升技能。畢竟操作系統(tǒng)和UI設(shè)計(jì)潮流多是外國(guó)人發(fā)明和引領(lǐng)的，我們期待在國(guó)內(nèi)出現(xiàn)業(yè)界的帶頭大哥。

  3.懂規(guī)范

  初級(jí)設(shè)計(jì)師更想多做練習(xí)，每個(gè)項(xiàng)目甚至每個(gè)需求都發(fā)揮一次創(chuàng)意。漸漸地，在重復(fù)勞動(dòng)中知道了要把某些東西固化利用，既可減少自己和程序員的工作量，又能統(tǒng)一設(shè)計(jì)風(fēng)格，于是就產(chǎn)生了規(guī)范。規(guī)范化是提高設(shè)計(jì)師和程序員間協(xié)作效率的最佳實(shí)踐。可進(jìn)行規(guī)范化的東西有這些：

  基本屬性

  各平臺(tái)（iOS、Android、Windows）下的設(shè)計(jì)風(fēng)格規(guī)范

  自定義組件

  切圖：文件命名規(guī)范(全小寫(xiě)英文，下劃線連接)，什么情況需要帶透明邊框

  標(biāo)注：要標(biāo)齊，所有大小均為偶數(shù)

  設(shè)計(jì)迭代：稿件版本號(hào)管理

  維護(hù)：管理所有用到的切圖，每次產(chǎn)品迭代除了新增圖外還會(huì)剔除掉廢棄的圖后才整體地給程序員

  這些規(guī)范的確定，除了依賴(lài)設(shè)計(jì)能力，還需要了解開(kāi)發(fā)的實(shí)現(xiàn)機(jī)理。要知道開(kāi)發(fā)限制，不能做出難以實(shí)現(xiàn)的效果，同時(shí)衡量好開(kāi)發(fā)和維護(hù)成本。例如理解“以左上角為原點(diǎn)坐標(biāo)系”的開(kāi)發(fā)定位機(jī)制才可以把標(biāo)注都標(biāo)齊；web項(xiàng)目的字號(hào)不能低于12px，否則最新的瀏覽器上不會(huì)生效等。

  另外，執(zhí)行規(guī)范是否到位是程序員和設(shè)計(jì)師互相評(píng)價(jià)的標(biāo)準(zhǔn)之一，這要求雙方都足夠地細(xì)心。在驗(yàn)收時(shí)會(huì)糾結(jié)1px或1數(shù)值顏色偏差的設(shè)計(jì)師，不僅不會(huì)被嫌煩，反而會(huì)被認(rèn)為是敬業(yè)的表現(xiàn)。如果哪一方能利用或研發(fā)出工具——比如自動(dòng)標(biāo)注或代碼級(jí)核對(duì)檢驗(yàn)等——來(lái)增強(qiáng)協(xié)作，那肯定會(huì)被當(dāng)成神一樣的存在。

  以上就是優(yōu)漫教育小編為大家介紹的“怎樣的UI設(shè)計(jì)師會(huì)是程序員眼中比較厲害的呢？”相關(guān)內(nèi)容，學(xué)習(xí)ui設(shè)計(jì)培訓(xùn)，可以參考優(yōu)漫教育提供的ui學(xué)習(xí)路線，該學(xué)習(xí)路線內(nèi)容包含ps軟件入門(mén)、AI與品牌設(shè)計(jì)、視覺(jué)表達(dá)技法、web視覺(jué)設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、產(chǎn)品交互、移動(dòng)端設(shè)計(jì)等，根據(jù)優(yōu)漫提供的ui學(xué)習(xí)路線圖，可以讓你對(duì)學(xué)好ui需要掌握的知識(shí)有個(gè)清晰的了解！  

• 

  【UI培訓(xùn)】：關(guān)于UI設(shè)計(jì)新手常遇到的問(wèn)題及解決方法

  UI設(shè)計(jì)新手常遇到的問(wèn)題有哪些？比如，請(qǐng)問(wèn)UI設(shè)計(jì)師每天的工作內(nèi)容是什么樣的？除了做圖還要干什么？還需要哪些技能？個(gè)人職業(yè)規(guī)劃通常什么樣？做圖只是視覺(jué)設(shè)計(jì)師最基礎(chǔ)的工作，除了視覺(jué)執(zhí)行，還需要向上接入PD了解產(chǎn)品需求、在設(shè)計(jì)中驗(yàn)證交互流程，向下跟進(jìn)程序開(kāi)發(fā)、數(shù)據(jù)收…

  行業(yè)資訊

  發(fā)布時(shí)間：2022/03/24 查看詳情
• 

  室內(nèi)設(shè)計(jì)應(yīng)體現(xiàn)文化元素的六大重要思維

  無(wú)論是首都北京的故宮，還是西藏的布達(dá)拉宮，其精巧的室內(nèi)裝潢和環(huán)境藝術(shù)，都有誰(shuí)能說(shuō)出這并非出自頂級(jí)的專(zhuān)業(yè)室內(nèi)設(shè)計(jì)師和藝術(shù)大師之手，中國(guó)傳統(tǒng)室內(nèi)設(shè)計(jì)文化也正是傳統(tǒng)東方文化與古典建筑藝術(shù)的精華部分。

  行業(yè)資訊

  發(fā)布時(shí)間：2022/03/24 查看詳情
• 

  UI設(shè)計(jì)培訓(xùn)中有沒(méi)有學(xué)不會(huì)UI的人

  UI設(shè)計(jì)培訓(xùn)中有沒(méi)有學(xué)不會(huì)UI的人？?jī)?yōu)漫教育小編要說(shuō)是真的有，就是那些根本不想學(xué)的，就像你永遠(yuǎn)叫不醒一個(gè)裝睡的人。如果你對(duì)ui有強(qiáng)烈的學(xué)習(xí)興趣，想在ui行業(yè)有所建樹(shù)，那么不論你是高中畢業(yè)、大學(xué)畢業(yè)，不論你是有計(jì)算機(jī)基礎(chǔ)、零基礎(chǔ)，不論你是男生、女生，不論你是20歲、30…

  行業(yè)資訊

  發(fā)布時(shí)間：2022/04/01 查看詳情