當前位置:首頁 » 基礎知識 » ui設計小知識
擴展閱讀
航天類數學知識 2024-11-15 15:28:10
你為什麼不是小愛同學呢 2024-11-15 15:27:21

ui設計小知識

發布時間: 2022-04-19 06:18:30

Ⅰ UI設計要會哪些知識

1. 基礎軟體操作


UI設計常用的軟體Sketch(移動端UI設計、交互設計、標注切圖)、Axure(產品原型設計)、XD(軟體UI界面設計、交互設計)XMind(產品框架設計)、C4D(電商視畝宴覺設計)、AE(動效設計)PS(圖像處理、banner、軟體界面設計)、AI(插畫、圖標、LOGO、字體設計)等


2. 圖形設計


經常有問UI設計師需不需手繪能力,不會用紙筆去畫不是重點,重要的是掌握電腦繪制准確,美觀,獨特的圖形能力。


UI設計師需要掌握圖形繪制能力,在實際工作項目中,會有各種各樣的圖形繪制需求。比如App界面設計中的各種引導頁、啟動頁、圖標設計等,那麼這些圖形你可以用手繪板繪制,也可以用滑鼠繪制。


3. 電商運營設計


這個肯定有同學會困惑了,設計海報banner、活動策劃及專題頁面這不是平面設計師、運營設計的事情嗎?在過去一段時間是的,分工是越來越細了。那麼你在做界面設計的時候搭配好看的banner,以及展示的海報編排。這些能力你也必須掌握。況且很多公司並不會分工那麼細致。運營設計、平面設計、UI設計你都需要去掌握。所以越來越多的UI設計招聘偏向於視覺設計師這個定義來招聘。


4. PC端UI設計


PC端軟體主要指電腦上面使用的軟體,例如電商的CMS系統,ERP系統、OA辦公系統等,目前依然很多公司需要電腦端UI設計師。


5. 移動端UI設計


目前應用范圍最廣的就是App界面設計。有人說界面設計看起來很容易,不就是把一些元素堆積在界面上嗎。調調文字大小,排排版嗎?確實很多人就是這么做的,所以造成了很多作品集里App界面看起來大同小異。那麼好的作品應該是考慮了很多,需要考慮受眾用戶人群的審美、使用習慣、使用場景、對軟體的熟練程度等,讓自己的App看起來是如此的不一樣。界面的用色,界面中的配圖,以及交互體驗的細節都獨具匠心。

Ⅱ UI設計需要掌握哪些基礎知識

UI設計需要掌握以下這些基礎知識:

一、圖形界面設計(GUI):
1、UID預科:網路數字化生存、項目管理規范、思維導圖、輔助軟體、職場精英;
2、GUI軟體基礎:Photoshop、Illustrator、CorelDraw、Indesign ;
3、商業設計流程及規范:企業形象識別系統建設流程、平面設計與後期印刷;
4、階段實訓:產品展示設計、企業形象識別系統設計。
二、傳統美術(AUI):
1、美術基礎:素描的起源與繪畫的作用、繪畫線條練習、繪畫構圖;
2、素描速寫:幾何體、靜物、設計素描;
3、色彩原理:色彩基礎、色彩與視覺、色彩搭配、色彩與設計、繪畫與創意;
4、階段實訓:手繪圖標。
三、Web界面設計(WUI):
1、WEB界面設計軟體基礎:Fireworks、Dreamweaver、Flash;
2、WEB界面設計:WEB界面設計、PC客戶端軟體界面設計;
3、WEB標准化布局:HTML/HTML5語言、CSS樣式表、布局技巧與瀏覽器兼容;
4、階段實訓:中小型企業網站項目、電子商務網站項目、PC客戶端軟體界面設計。
四、移動設備界面設計(MUI):
1、圖標設計:剪影圖標、2D彩色圖標、3D彩色圖標、寫實圖標;
2、交互設計:交互原型圖軟體Axure RP、蘋果iOS系統應用設計規范谷歌Android系統應用設計規范 ;
3、界面設計:iPhone應用交互界面設計實例、iPad應用交互界面設計實例、Android應用交互界面設計實例、Windows Phone應用交互界面設計實例;

想要了解更多關於ui設計的相關信息,推薦選擇Pixso協同設計。該工具不僅是一站式產品設計協作工具,更是一款專業的UI/UX設計工具。更多矢量網格、布爾運算、樣式創建、智能排版等高階功能,組件級自動布局,增加或刪除內容都無需手動調整,智能排版,且自適應不同屏幕尺寸。使設計師真正專注於創造本身。

Ⅲ UI設計主要學的是什麼

UI需要學習的內容主要包括工具軟體的使用和設計思維的培養。

UI設計多指UI視覺設計,主要負責APP、Web、H5等頁面的色彩、布局、icon、字體方面的設計工作。但隨著互聯網的不斷發展,純視覺的工作已經開始日益減少,行業要求UI設計師也要懂點交互設計和產品方面的知識,即懂用戶體驗設計(User experience),國內稱UE,國外叫UX(全棧設計師甚至要懂代碼)。UI設計最後產出物是高保真視覺稿+頁面標注+切圖。主要使用PS、Sketch、Ai,輔助使用Axure、AE等軟體。關於軟體的使用方法,可以網上找一些相關圖文或視頻教程來學習,最好是[基礎實例教程],一定要結合基礎實例分析。

想要了解更多關於UI的相關信息推薦選擇Pixso協同設計。Pixso自帶組件變體、自動布局等專業設計工具,支持UI/UX設計和原型播放,一體化完成高保真產品設計,直接拖拽使用自帶的設計資源庫,還可以將項目中常用的圖標、自製組件一鍵保存,共享至團隊資源庫,省去大量重復勞動,形成統一視覺規范。

Ⅳ UI設計要學習哪些知識這些你得了解

階段一:造型訓練基礎課程


1、基礎素描與造型2、色彩基礎與彩鉛畫



階段二:設計工具與品牌形象設計


1、PS軟體基礎設計2、PS軟體進階設計


3、AI軟體基礎與logo設計4、Vis企業形象手冊設計


階段三:Web與運營設計


1、Banner運營設計表現2、C4D輕三維設計表現


3、網頁設計流程與規范4、網頁設計項目實訓課程


階段四:網頁靜態布局


1、HTML網頁重構與頁面美化


階段五:移動端全流程設計


1、圖標icon設計與主題表2、UE、UX用戶體驗與交互原型


3、iOS&Android設計規范4、移動端界面設計項目實訓


5、智能可穿戴設備項目實訓6、交互動效表現設計課程


7、H5頁面推廣設計與發布


階段六:作品潤色與整理


1、平面作品與作品集整理2、作品集展示與表現課程


3、作品與模擬真實面試


UI設計入行門檻低,就業前景好,現在學習正是絕佳時機,想讓自己能在就業中更有優勢?現在就抓緊時間學習吧!今天的分享就到這里了,想要了解更多內容,歡迎關注本平台!

Ⅳ UI設計需要學習哪些知識

1、第一階段、學習基礎美術繪畫知識


比如一些簡單素描,平面設計、PS的使用(制圖、切圖、修圖)掌握一系列UI課程的基礎知識。


2、第二階段、學習Web前端和UI設計知識


網站整體界面設計,App界面設計,UI交互設計等,通過項目實操練習可做一些企業官網型的網站。


3、第三階段、學習Web前端更深的知識


學習運用Html代碼,為UI設計打下扎實的根基。

Ⅵ 要學習UI設計的話,主要需要學習些什麼知識呢

UI是用戶界面的簡稱,設計到手機移動設備、網站平台、軟體平台、智能電視、游戲、電子出版等行業,主要學習三大構成、CIS/VI策劃設計、WEB網頁效果設計、IOS系統應用設計、安卓系統應用設計、社交類APP界面設計等...伴隨著傳統互聯網到現在的移動互聯網的飛速發展,從而讓中國正式成為了世界網民第一的國家,有7億多網民,而在這7億網民的背後,非常多的網路公司誕生,也讓很多公司紛紛轉型互聯網公司。導致了現在UI設計師的市場需求量非常的大,目前高達30萬的人才緊缺,有產品的地方就需要有專業的UI設計師。

基礎軟體
首先要學習Photoshop、Illustrator,這些都是UI工作中重點使用的軟體,UI設計師至少要熟練掌握一兩種設計軟體,其他軟體再去接觸基本也能快速掌握。
視覺設計
視覺基礎這應該要學習美術基礎、構成設計、色彩構成、版式設計、圖標設計等這些也是必學的
移動端設計
移動端設計中iOS、Android、WP、Windows這些平台中都有自己的設計規則,而且在移動端連不同機型的解析度、狀態欄高度、圖標尺寸、字體、顏色都有嚴格規定,而且大部分機型對於字體等還能改變。這塊要學習的移動設計規范、移動用戶體驗及交互原型設計、圖標設計、空間及細節設計、界面設計等內容

Ⅶ UI設計需要學習哪些知識

我們在學習UI設計的過程當中,需要學習到很多知識,比如PS,AI,AE,XD,ARP,C4D,藍湖,默刀軟體,這些都是一名UI設計必需要掌握好的軟體。而學習到這些軟體,可以通過視視頻,書籍,網站等多種方法學習。

一、PS軟體

PS軟體在UI設計工作中主要來用作UI設計界面設計、圖標設計、圖片處理的。

PS軟體有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及.Adobe家族的頂梁設計軟體、想從事設計工作PS軟體一定要精通,PS的強大,只有你想不到沒有它做不出的圖

二、AI軟體

AI軟體在UI設計工作中主要用來做UI界面設計、圖標設計、字體設計、插畫設計

AI是出版、多媒體和在線圖像的工業標准矢量插畫軟體。AI可以用來從事,平面設計,網頁設計,UI設計等多種設計工作。

三、AE軟體

AE軟體在UI設計工作中主要用來做動效設計

效設計由於可以將本來靜態的圖片、或者抽象的動態效果的很容以表達出來,所以,UI設計師除了必要L的交互動效,通常為了表達抽象的交互體驗設計製作動效設計稿,這樣開發團隊也能對即將開發的產品都有一個直觀的認知。

AE可以用來從事影視後期,平面設計,UI設計等多種設計工作。

四、XD或者sketch軟體

XD或者sketch軟體在UI設計工作中主要用來做圖面設計、圖標設計、原型設計

sketch(只能在蘋果電腦上安裝,如果電腦是win系統就可以安裝XD軟體)

sketch和XD這兩款軟體功能是差不多的,XD的話是一款非常適合做UI設計工作,XD做圖會非常快,因為XD的工具特別少,裡面的工具是專門為做UI設計工作開發的一款軟體,而且XD軟體特別小,不會卡。

五、ARP或者默刀軟體

ARP和默刀軟體功能差不多二選一學習就可以了,這兩款軟體都是做原型設計的

我們做UI設計,UI設計是由很多很多界面組成的,這些界面每一步之間去交接的這個界面

如果說我們只做一個界面,UI設計師是可以做出來的,但是要做幾十個上面個界面

如果我們一個個做是肯定會出問題的,所以需要先製作原型,我們根據原型再製作界面,這就是我們的前後聯系,原型是不用做這個顏色,圖標,細節的,只需搭建一個基礎的版式就行,這個就是我們用ARP或者默刀軟體做的。

六、藍湖軟體

藍湖軟體在UI設計工作中主要用來做標注設計的

就是我們做好了頁面,這個頁面的高低,寬度,包括頁面的色值我們都需要標注出來

為什麼需要標注呢,因為我們做的圖,做完之後他就是張圖片,這個圖片我們用手機是點不了的

我們手機APP上的那些圖之所以能點那是因為有程序猿做了一個二次開發,這個東西我們不用懂,但是我們要標注出來,標注出來讓程序猿知道你的顏色,你的色值,你的尺寸到時是多少,他才能開發出來。

七、C4D軟體

C4D軟體在UI設計工作中主要用來做一些3d效果圖和建模

UI設計師的附加軟體,最近幾年非常流行的建模軟體,建模渲染效果特別好!

因而,成為了設計創意工作者的效率生產工具。現在,無論是影視後期、還是工業設計、或平面設計行業,C4D軟體都得到了廣泛的運用。用來做一些平面軟體達不到的3D效果,視覺效果,能做很多的概念設計,這個軟體,能讓你的設計表現力更豐富更有趣。

八、DW軟體

DW軟體在UI設計工作中主要用來做一些簡單的頁面

DW是集網頁製作和管理網站於一身的所見即所得網頁代碼編輯器。

Ⅷ 學習UI設計都要學什麼內容呢

UI設計一般都需要學習hotoshop、Illustrator、CorelDRAW、Indesign、Flash、Dreamweaver等軟體


要想真正學好ui並且掌握ui設計精髓,那麼ui設計有幾個模板都需要學習的,

1.平面設計模塊:PS、ID、AI、CR四大平面軟體

2.電商設計模塊:電商設計知識和技能、裝修店鋪以及電商運營

3.UI設計模塊:代碼、動畫、AXURE、網頁界面設計、產品開發策劃等專業技能

4.移動端設計模塊:ICON設計、APP設計、微信平台

當然不論發展行業前景有多好,都需要自己的努力與付出,這樣才能真正學會,才能嘗到最大的甜頭。考慮學習UI設計前一定要問自己真的准備全身心投入到學習中,下定決心自己非要學會不可的決心,天琥教育目前在全國各地有你可以上門體驗下在做決定!

Ⅸ ui設計的基礎知識有哪些

1、每英寸像素


在某些時候,每英寸72個像素成為了那些CRT顯示器的顯示標准,並且在很長很長的一段時間內都是如此。現在我們的筆記本電腦和移動設備都有更高的解析度和像素密度。


2、范圍和覆蓋率


在移動設備中,也必須考慮到平均觸手可及的問題。隨意拼湊的界面,單手使用起來會很復雜,會導致挫敗感。


3、注意碎片化


我們為電視、筆記本電腦、平板電腦、手機、手錶和物聯網設備進行設計,這就需要進行大量的規劃和針對設備的修改,才能讓設計發揮作用。在開始設計時,首先要問的問題是它要在什麼樣的屏幕上工作,典型的觀看距離是多少。

Ⅹ UI設計學習的知識點有哪些

1、學習軟體知識
包括掌握Photoshop、Axure、Illustrator、sketch、藍湖等常用軟體。另外,製作原型,界面,圖標製作,素材製作,切圖等等相關步驟的軟體都需學會。
軟體是是設計師的基礎,新手剛入門可以先從這點入手。嫻熟的技法,是完美展現設計作品的必備條件,要熟練掌握好。
2、臨摹作品
對於剛入門的UI設計師來說只要去圖庫網站找一些素材,藉助工具進行修飾即可,其實這只能鍛煉你的借鑒能力,當你的技法嫻熟到一定程度,就可以嘗試臨摹。通過臨摹,一則用來強化技法層面的能力,二來也能提升初學者的創新能力。
臨摹的內容,可以有兩方面選擇:一種是系統自帶的圖標,另一種則是行業牛人的設計作品,捉摸他們的設計風格、思想和細節,都能加深對設計的認識
3、掌握平面設計理論知識
包括要掌握構圖、排版、色彩和圖形的基礎理論知識。學習的途徑毋庸置疑我們首選從書本獲得!
4、鍛煉手繪能力。
成為一個優秀的UI設計師需要一定的手繪能力,為什麼?首先,在紙上的動手能力比在軟體上完成較快速,效率有一定提升。
另一方面,通過手繪,能突出自己創作的與眾不同,甚至能夠從「亂塗亂畫」中得到靈感。沒有美術基礎的小夥伴也不要太擔心,這些後天可以勤加練習彌補的