火星網(wǎng)校
零基礎(chǔ)自學(xué)UI設(shè)計(jì)
發(fā)布時(shí)間：2024-01-02 15:55:55 瀏覽量：222次
超實(shí)用新手指南
一：學(xué)習(xí)準(zhǔn)備
學(xué)習(xí)一項(xiàng)功能，就一定要對(duì)它先有充分的認(rèn)知。早開始正式學(xué)習(xí)前，你需要花足夠的經(jīng)歷去了解和查閱它的起源、發(fā)展、應(yīng)用、未來。
UI是什么？
UI設(shè)計(jì)（或稱界面設(shè)計(jì)）是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)常用的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡稱。
好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。
UI設(shè)計(jì)是平面設(shè)計(jì)的一部分，又從屬于美術(shù)學(xué)這一大類。
在這個(gè)階段嘗試尋找答案：設(shè)計(jì)是什么？設(shè)計(jì)是如何產(chǎn)生？設(shè)計(jì)可以做什么？
書籍推薦：《西方美術(shù)簡史》、《設(shè)計(jì)心理學(xué)》、《藝術(shù)的故事》
二：繪畫技巧
隨著繪畫技巧的深入學(xué)習(xí)，你就會(huì)逐漸培養(yǎng)一雙洞察細(xì)節(jié)的眼睛，你對(duì)所有設(shè)計(jì)和形體做出本能的反應(yīng)，分析它們的美丑，找出核心所在。
書籍推薦：《30天學(xué)會(huì)繪畫》、《色彩與光線》、《像藝術(shù)家一樣思考》
三：掌握軟件
必學(xué)軟件：PS、Ae、Ai、Axure RP、
UI設(shè)計(jì)必學(xué)工具
四：設(shè)計(jì)理論
首先是基礎(chǔ)中的基礎(chǔ)：三大構(gòu)成（基礎(chǔ)含義）
其次是字體、色彩、排版
設(shè)計(jì)的理論書籍教會(huì)你怎么設(shè)計(jì)，你需要在不斷學(xué)習(xí)接受知識(shí)的同時(shí)，馬上對(duì)它們做實(shí)驗(yàn)，不停的練習(xí)，不停的產(chǎn)生問題并解決。
書籍推薦：《在你身邊為你設(shè)計(jì)》、《商業(yè)字體設(shè)計(jì)》
五：掌握規(guī)范
作為一個(gè)UI設(shè)計(jì)師，最好掌握前端切圖流程。可能需要掌握HTML+CSS，或者要長時(shí)間和開發(fā)人員交流他們?cè)趺窗褕D片和文字排進(jìn)屏幕內(nèi)。
無論是WEB還是IOS、安卓、WP等等，都有對(duì)應(yīng)的設(shè)計(jì)規(guī)范文檔。
在進(jìn)行實(shí)際項(xiàng)目時(shí)，記得也要用文檔記錄下來，在以后的排版和開發(fā)過程中，嚴(yán)格遵循規(guī)范的參數(shù)，減少溝通成本。
六：靈感積累
要學(xué)會(huì)辨別優(yōu)秀的作品，可以從多個(gè)渠道收集優(yōu)秀作品和案例，并形成自己的素材庫
注意：你要在練習(xí)和思考中進(jìn)步，不要盲目的追求視覺表現(xiàn)，這樣的UI設(shè)計(jì)師很難真正成長起來。
靈感網(wǎng)站:Behance,優(yōu)設(shè)網(wǎng)，Dribbble.
七：閱讀和思考
成熟的設(shè)計(jì)不只是你個(gè)性技巧的表達(dá)，還有你對(duì)解決問題所展示出來的理性和洞見。
設(shè)計(jì)是一門需要沉淀的技藝，卻恰巧遇見了日新月異的互聯(lián)網(wǎng)文化。追求潮流的同時(shí)，也要不斷提高自己的設(shè)計(jì)思維能力，修煉內(nèi)功~
推薦書籍：用設(shè)計(jì)解決問題、為真實(shí)的世界設(shè)計(jì)、由內(nèi)而外看世界。
八：成為T型設(shè)計(jì)師
大家應(yīng)該多學(xué)習(xí)多方面的知識(shí)，而不應(yīng)該只盯著視覺或交互。可以再跨學(xué)科的學(xué)習(xí)中慢慢樹立自己的專業(yè)方向，然后目標(biāo)成為T型設(shè)計(jì)師，擁有知識(shí)面的廣度和專業(yè)知識(shí)的深度。
UI設(shè)計(jì)知識(shí)庫：設(shè)計(jì)工具+設(shè)計(jì)心理學(xué)+各平臺(tái)規(guī)范+平面相關(guān)+交互設(shè)計(jì)+動(dòng)效設(shè)計(jì)。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎？這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
-
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型，你get到了嗎？
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
-
4. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
-
5. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
-
6. 推薦10本適合UI設(shè)計(jì)師看的書籍，輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
-
9. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
-
10. 學(xué)習(xí)ui設(shè)計(jì)的心得
大家今天走運(yùn)了,我就把自己總結(jié)出來的學(xué)習(xí)UI設(shè)計(jì)的一些經(jīng)驗(yàn)與大家一起分享吧。想做一個(gè)好的UI設(shè)計(jì)師除了應(yīng)該具有一定的審美能力,還要了解整個(gè)產(chǎn)品的...
最新文章
