• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        UI如何自學?教你如何更好的自學UI

        • 發布:UI培訓
        • 來源:UI問答
        • 時間:2018-07-24 14:28

        想要學習UI設計的人越來越多,但是小伙伴們是否知道該如何學習UI走上UI設計之路?今天小編為大家準備了這篇UI如何自學的文章,教你如何更好的自學UI設計。想要學習UI的小伙伴們快來看一看吧。

        UI如何自學?教你如何更好的自學UI

        1、 了解流程

        首先是公司老板或者投資人有想法、有錢、有資源,他們會把想法告訴產品經理,產品經理就會開始做執行層面的事情,如對其進行需求分析、工作排期,輸出需求分析文檔,將其交給UE,UE制作原型圖和交互說明文檔,交給UI設計師。UI設計師拿著原型圖去做圖標、界面、切圖、標注、適配等,交給程序員用代碼實現,再交給測試人員,完成測試后交給運營。

        UI設計師在整個流程中的工作是非常瑣碎的、精確的,其實它沒有那么大的重要性,主要是注重配合,在視覺上滿足基本功能實現,使整個流程能夠運轉起來的角色。當然還需要跟不同的部門人員溝通,如需要充分地理解產品經理的需求,然后跟前端對接是否能把設計好的界面較為完美地呈現給終端用戶等等。

        SHAPE\* MERGEFORMAT

        2、 懂得規范

        【圖標】

        很多設計師以為UI設計就是設計圖標。雖然事實并非如此,但圖標的設計在整個UI設計中是比較基礎的一個環節。特別是對于新人,所以大家一起來看看圖標設計的規范吧:

        (1)像素對齊

        需要嚴格的做到像素對齊,尤其是在做較小尺寸的圖標時,如果不嚴格的遵循像素對齊,那最終的顯示效果就會出現問題。

        (2)多用布爾運算

        在做圖標的時候,能用基本圖形進行布爾運算的時候,盡量不要使用鋼筆,這樣做的好處有如下幾點:

        · 讓你的圖標更加規范

        · 對圖形結構理解更加深刻

        · 后期更改形狀更加方便

        (3)獨特的風格

        在做系列圖標的時候,一定要在前期給圖標設定一個風格及原則,使之看起來與眾不同。

        在這里值得一提就是,我們在做線性圖標時,一定要保證描邊粗細相同、圓角相同,如果這些基礎的規則都沒有遵循,那也就談不上風格的統一、創新了。

        (4)視覺大小統一

        在進行圖標設計的時候,我們會使用柵格輔助線來幫助我們更加嚴格謹慎,但一定不要被輔助線困住,學會靈活運用,保持視覺上的大小統一。

        【標注】

        如何把標注的思路整理清晰——結構化思維進行拆解,將大問題拆解成小問題,逐一擊破!

        標注主要是以下四種不同屬性的內容:尺寸、文字、間距、顏色。在進行標注時,首先去除導航欄和標簽欄,因為這些控件通用性非常強,需要單獨拿出來進行統一標注,這里我們只對內容區來進行標注示例。

        (1)尺寸

        我們要將頁面上有所需要告知尺寸的內容進行標注,例如圖標、圖片、頭像等等。關于尺寸維度的標注我們需要注意的是:

        · 有圓角的地方,需要將圓角半徑標出。

        · 對于一些控件,如button、列表,一定要隨時問自己有沒有特殊狀態,如按壓狀態、無效狀態、選中狀態等等,如果你不標明,開會就會默認沒有這些效果。

        · 一般情況下,圖片的尺寸是需要告訴比例的,而不是固定的大小,這樣開發才能更好的適配,常用的圖片比例有4:3、16:9等。

        · 很多沒有經驗的設計師不理解適配的原理,所以很容易將一些控件給出固定的尺寸大小,如果你將這個按鈕的寬度和高度都標注出來,開發就會將這個按鈕的大小寫死,一旦遇到屏幕(白色區域)較寬的時候,按鈕還是固定大小,就會影響視覺效果。所以正確的標注方法是給出按鈕兩邊的間距,讓整個按鈕的寬度自適應(當然高度還是要固定的),這樣不論遇到哪種分辨率的尺寸,都能夠保持相同的視覺效果,擴展性極強。

        (2)文字

        文字,需要標注文字的大小、字體、顏色、透明度、行高等等,當然也可以和開發進行溝通,對一些內容進行刪減。關于文字的標注需要注意的事項:文字有一個很特殊的屬性,就在某些場景下,文字是動態的,所以這個時候,就需要將極限情況考慮清楚。

        表面上我們將標題文字的大小、顏色這些內容標注清楚就可以了,但是如果標題文字過多的時候該怎么處理呢?所以必須要給出一個極限情況的規范,比如最多顯示多少個字符,字符超過極限值就用打點的方式處理。

        (3)間距

        有人可能會覺得間距和尺寸有些相似,但其實它們有著很大的不同,我們可以這樣理解:尺寸是形容容器的大小,而間距是形容容器之間的距離。間距相對比較簡單,只要標注清晰就不會有太大問題。

        (4)顏色

        需要標注顏色的內容有分割線顏色、背景色、按鈕顏色等等。關于顏色的標注需要注意的事項:切記文字的顏色已經歸類到文字屬性里面,不用重復標注,思路一定要保持清晰。

        【命名】

        很多UI設計師對于“命名”是沒什么概念的,他們都是隨隨便便地用一些沒有特定意思的字母去給頁面命名,我覺得這是不好的。因為我覺得,統一的、規范的命名對我們自己的文件整理有很大的幫助,后期修改文件、圖層的時候更加方便快捷,而且規范的命名也顯得我們自身比較專業。而且,如果如果命名不統一,團隊之間的成員很難達成共識,任務交接時需要很大的學習成本。

        而更重要的是,有規范的命名可以極大的節省程序開發的時間成本,減少很多不必要的溝通與重復切圖的概率,程序員完全可以直接使用的我們切片而不更改切片的名稱,后期我們更換切圖,只要切片名稱不變,開發看都不用看直接替換就可以了。

        (1)所有命名全部為小寫英文字母

        在程序員的代碼里只有小寫的英文字母,如果你給出的命名全是中文的,那么他們是一定會更改的,所以命名全部用小寫的英文字母是最基本的規則。有些人會覺得寫這么多英文太麻煩,但其實為了自己專業能力的提高,這種規范的命名方式是必須要經歷的過程,當你習慣了這樣的命名方式后,你的成就感會油然而生。

        (2)命名格式

        一個大型項目會分很多模塊,每個模塊由不同的設計師來獨立完成,還有人會專門管理公共的組件,如tabbar、navbar等等,這種情況下就會分為兩種切圖,一種是通用類型的切圖,還有一種就是各個模塊特有的切圖。

        通用切片命名格式:

        組件_類別_功能_狀態@2x.png

        舉例:tabbar_icon_home_default@2x.png(對應中文:標簽欄_圖標_主頁_默認@2x.png)

        模塊特有切圖命名規則:

        模塊_類別_功能_狀態@2x.png

        舉例:mail_icon_search_pressed@2x.png(對應的中文為:郵件_圖標_搜索_默認@2x.png)

        我們的原則就是清晰的表達出切片的具體內容并且沒有重復的名稱。(要注意,命名中不能含有空格)

        (3)常用英文單詞表

        如果所有命名都寫為全稱,名字就會特別長,所以我們可以將一些常用的英文單詞進行縮寫,減少工作成本與開發代碼資源。至于怎么縮寫,只要整個團隊能夠達成共識并且輸出一份縮寫清單,任何縮寫規則都是可以的。

        下面提供一些命名時常用的英文單詞列表:

        bg(backgrond背景)

        nav(navbar導航欄)

        tab(tabbar標簽欄)

        btn(button按鈕)

        img(image圖片)

        del(delete刪除)

        msg(message提示信息)

        pop(pop up彈出)

        icon(圖標)

        selected(選中)

        disabled(不可點擊)

        default(默認)

        pressed(按下)

        back(返回)

        edit(編輯)

        content(內容)

        left/center/right(左/中/右)

        logo(標識)

        login(登錄)

        refresh(刷新)

        banner(廣告)

        link(鏈接)

        user(用戶)

        download(下載)

        note(注釋)

        3、注意細節

        這一部分的知識,如【交互常識】、【圖標】、【圖片】、【動效】觀點一致。

        另外要再強調兩點:

        (1)用戶手勢行為,單手手勢的可操作范圍、手勢組合的考慮等等;

        (2)因為UI更多的是數據驅動下的設計,所以不強調個性,強調的是合理的交互與團隊合作精神。

        想成為UI設計高手你需要這樣做

        對UI設計的工作有了具體的了解,并且實戰過一段時間之后,我們就應該朝著“高手之路”進軍吧。

        1、 培養整體大局觀

        (1)提升高效溝通的能力

        高手級別的UI設計師,需要花相當一部分時間用于與產品經理、UE、前端開發人員等進行溝通,甚至有可能直接跟客戶溝通。這時候,你需要加強溝通的技巧,以實現高效的溝通。

        (2)加強時間管理的能力

        除了溝通技巧之外,高效地管理時間也是網頁設計師需要提升的能力。你需要把網頁設計過程中的時間安排提前規劃好,并嚴格按照進度進行,以免延誤Deadline。

        (3)加強項目管理的能力

        要知道,網頁設計師不僅僅是埋頭畫圖寫代碼的,你也需要了解整個項目從啟動到規劃、到執行、到結束的全過程,這樣才更利于網頁設計工作的開展。

        2、 數據為導向

        作為UI設計師要了解的是,好看的設計不一定受歡迎。UI設計的好與壞需要以數據為導向。這里要補充一點的是,如果品牌是剛建立的自身并沒有任何數據參考,可根據潛在對手的數據去做出最優策略的設計,這也是數據驅動下設計的一種方法。

        3、 更專業更廣泛的發展方向

        剛才已經說過了,在國外的大公司已經沒有了單純的UI設計師了,基本上都是UE設計師,當然根據國內的發展來說,UI設計還沒有發展到那一步,但是作為設計師的你,我還是建議往以下兩個方向去發展——

        更專業:如三維UI、手繪UI、動效UI方向發展,

        更廣泛:如全棧UI、UE設計師方向全面去學習與發展。

        畢竟設計日新月異,以前做個漂亮的圖標就能輕松面試成功,現在更多時候需要的是你對于整個項目的理解,所以社會上對于UI設計師的要求越來越高,大家一定要時刻保持進步與終身學習的態度哦。

        UI設計是數據驅動下的設計,是服務于廣大終端用戶的,要做一名優秀的UI設計師就需要有全面的互聯網知識,對于數據的敏感度,以及對于終端用戶的洞察力。這就是UI有別于其他設計的地方。

        以上就是小編今天為大家分享的UI怎么自學的文章,關于怎么學習UI相信通過本文的介紹大家都有所了解了,小編希望大家能夠對小伙伴們的UI自學之路有所幫助,希望大家能夠努力學習,早日成為一名優秀的UI設計師。

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:UI培訓課程內容是什么?來看看達內UI設計7.0升級版培優課程
        下一篇:平面設計培訓都學什么?平面設計的就業前景如何?

        平面設計培訓都學什么?平面設計的就業前景如何?

        什么樣的人適合學習UI

        UI零基礎難學嗎?有哪些學習UI設計的方法?

        學ui設計,哪個培訓班比較好?

        • 掃碼領取資料

          回復關鍵字:視頻資料

          免費領取 達內課程視頻學習資料

        • 視頻學習QQ群

          添加QQ群:1143617948

          免費領取達內課程視頻學習資料

        Copyright ? 2021 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>