欧美在线一区二区亚洲综合-亚洲男人的天堂视频在线-欧美一级二级免费在线-激情五月综合六月婷婷

怎樣的UI設計師會是程序員眼中比較厲害的呢?

來源:優(yōu)漫教育 發(fā)布人:UMAN 時間:2023-11-27 17:43:27

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


怎樣的UI設計師會是程序員眼中比較厲害的呢?


  1.懂UI


  沒錯,首先是懂UI。UI設計師設計的是人機交互界面,界面的載體是設備。這是區(qū)別于其他設計師的地方。不同設備又有它的特性和要求,了解設備知識是程序員和設計師共同的目標,也是他們找到共同語言的基礎。

  設計師需要了解這些東西:

  可控制的基本屬性:字體,字形,字號與單位,高寬、間距留白,顏色(256色,RGBA)、漸變,圓角,透明度,陰影,對齊方式,層級。

  系統(tǒng)自帶組件(導航欄、菜單欄、任務欄、對話框等)的大小、樣式風格、交互形式、版本差異。

  自定義組件:1/2/3級標題、正文、提示框、按鈕、彈窗、選擇框、下拉列表、圖標、各種卡片……

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

  動畫:位置、大小、顏色、透明度、形狀的變化,并可控制時長、速度曲線、循環(huán)。

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

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

  多語言適配,兼容文字最長的語種。

  2.懂設計

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

  下面這些創(chuàng)作手法和意識的運用,在項目組眼中都是專業(yè)的體現(xiàn):

  色彩運用

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

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

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

  層次感強,突出重點

  風格把控,迎合用戶群體喜好,例如:柔和、青春、穩(wěn)重、擬物等

  炫酷又不喧賓奪主的動畫

  個性化,比如換膚

  這其中某些部分可以說是視覺設計師的技能,其實UI設計師向其它設計領域滲透是設計水平到一定程度后的自然升級??梢酝@些方面拓展:

  廣告和平面設計

  設計理念:能向項目組成員說清楚這樣設計的思路和好處,以及想通過設計來傳達什么信息給用戶

  非功能性區(qū)域(例如引導頁)的營銷文案

  運營物料的設計

  交互設計

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

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

  熟悉平臺特色的人機交互指南

  明確業(yè)務導向的設計目標,例如引導用戶沖動消費

  VI設計

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

  吉祥物設計

  UI設計擴展影響到公司名片、包裝、郵件簽名欄等

  產(chǎn)品設計

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

  研究競品的設計理念并超越

  網(wǎng)頁設計

  前端是最貼近UI設計師的開發(fā)工作,懂點HTML/CSS/JS也就更懂程序員了

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

  3.懂規(guī)范

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

  基本屬性

  各平臺(iOS、Android、Windows)下的設計風格規(guī)范

  自定義組件

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

  標注:要標齊,所有大小均為偶數(shù)

  設計迭代:稿件版本號管理

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

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

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

  以上就是優(yōu)漫教育小編為大家介紹的“怎樣的UI設計師會是程序員眼中比較厲害的呢?”相關內(nèi)容,學習ui設計培訓,可以參考優(yōu)漫教育提供的ui學習路線,該學習路線內(nèi)容包含ps軟件入門、AI與品牌設計、視覺表達技法、web視覺設計、圖標設計、產(chǎn)品交互、移動端設計等,根據(jù)優(yōu)漫提供的ui學習路線圖,可以讓你對學好ui需要掌握的知識有個清晰的了解!  
相關推薦
  • 【UI培訓】:關于UI設計新手常遇到的問題及解決方法

    UI設計新手常遇到的問題有哪些?比如,請問UI設計師每天的工作內(nèi)容是什么樣的?除了做圖還要干什么?還需要哪些技能?個人職業(yè)規(guī)劃通常什么樣?做圖只是視覺設計師最基礎的工作,除了視覺執(zhí)行,還需要向上接入PD了解產(chǎn)品需求、在設計中驗證交互流程,向下跟進程序開發(fā)、數(shù)據(jù)收…
    行業(yè)資訊
    發(fā)布時間:2022/03/24 查看詳情
  • 室內(nèi)設計應體現(xiàn)文化元素的六大重要思維

    無論是首都北京的故宮,還是西藏的布達拉宮,其精巧的室內(nèi)裝潢和環(huán)境藝術,都有誰能說出這并非出自頂級的專業(yè)室內(nèi)設計師和藝術大師之手,中國傳統(tǒng)室內(nèi)設計文化也正是傳統(tǒng)東方文化與古典建筑藝術的精華部分。
    行業(yè)資訊
    發(fā)布時間:2022/03/24 查看詳情
  • UI設計培訓中有沒有學不會UI的人

    UI設計培訓中有沒有學不會UI的人?優(yōu)漫教育小編要說是真的有,就是那些根本不想學的,就像你永遠叫不醒一個裝睡的人。如果你對ui有強烈的學習興趣,想在ui行業(yè)有所建樹,那么不論你是高中畢業(yè)、大學畢業(yè),不論你是有計算機基礎、零基礎,不論你是男生、女生,不論你是20歲、30…
    行業(yè)資訊
    發(fā)布時間:2022/04/01 查看詳情