日常生活中,我們能經??吹揭恍┬〕绦駻PP,這些界面很多都有使用到ui設計的,使用很方便。那大家知道常用的ui設計技術有哪些嗎?今天就讓小編給大家詳細介紹一下相關的內容吧。
(圖片來自網(wǎng)絡)
一、了解UI設計師的角色定義和價值體現(xiàn),UI的含義、UI設計師的含義
學習內容:學習設計基礎、字體、構圖、手繪等基礎技能??焖倥囵B(yǎng)UI設計師的視覺敏銳度,和繪畫能力。
二維造型方法,二維簡約圖標繪制原理與技法,各種材質質感表現(xiàn)。
三維造型方法(物體的體積、結構、透視與光影表現(xiàn))
色彩原理:色彩屬性、對比與調和、色彩的混色配置、設計色彩的表述體系,色彩的裝飾美感及色彩的表現(xiàn)方法
二、設計軟件應用:以Photoshop軟件為工具,講解書籍封面設計、海報設計、廣告設計、影樓后期處理、包裝設計、噴繪設計、畫冊設計、DM設計等企業(yè)實際工作中的具體項目。
以矢量圖形繪制軟件Illustrator為工具,講解標志設計、字體設計、圖形設計、企業(yè)VI設計、卡通形象設計等企業(yè)實際工作中的具體項目。
字體專項設計:字體的分類和種類、字體的認識、各種場合字體的應用、形象時尚字體設計、字體標志及在廣告設計中的實際應用
版式專項設計:版式的概念、版式中的色彩應用、版式中的字體應用以及網(wǎng)頁、書籍、報紙、畫冊、DM、海報等中的應用。
平面項目設計:結合軟件、色彩、字體及版式的學習,針對宣傳單、折頁、名片、海報及VI做專題設計,提升綜合應用能力及平面UI設計能力。
三、WUI設計基礎:頁面設計基本流程與設計規(guī)范的概念性講解,重點了解WEB界面設計規(guī)范;網(wǎng)頁配色技巧、色彩與構圖的概念及技巧;網(wǎng)頁導航與字版式設計
網(wǎng)頁設計軟件應用:以Fireworks為工具介紹軟件的基本構成、矢量工具和位圖工具、WUI用戶界面及廣告設計。
以Dreamweaver為工具建立站點、添加頁面元素、使用CSS樣式及交互行為。
以Flash為工具了解動畫制做原理與技巧,典型WUI商業(yè)廣告中的Flash技術與實現(xiàn)。
網(wǎng)頁設計要素:學習web網(wǎng)站設計基本要素,網(wǎng)站圖標、按鈕、廣告banner、專題頁設計等元素的具體設計方法
Web標準化布局:(X)HTML/HTML5語言:HTML語法與常用標簽的詳解,包括布局標簽,表格標簽,表單標簽等。
CSS/CSS3層疊樣式表:CSS語法與常用屬性的詳解,使用CSS對網(wǎng)站中各個模塊進行修飾美化。
WUI項目實戰(zhàn)設計:以企業(yè)網(wǎng)站、電商網(wǎng)站及專題網(wǎng)頁做實戰(zhàn)項目設計,經過全流程設計,達到網(wǎng)頁界面設計要求
四、UE交互設計
1. 手機主題、界面與圖標設計;
2. 擬物化與扁平化設計;
3. 系統(tǒng)性學習蘋果IOS設計規(guī)范;
4. 系統(tǒng)性學習Android設計規(guī)范。
圖標設計:圖標設計要素與技法,圖標設計中的色彩應用,圖標創(chuàng)意思想與方法,2D圖標設計方法,3D立體圖標設計方法,圖標在界面中的設計應用。
(圖片來自網(wǎng)絡)
移動UI界面設計:手機APP的用戶使用場景,手機界面的布局與結構,手機界面中的視覺語言與控件詳解,手機交互中的手勢操作,APP產品的核心設計:導引設計,手機APP的色彩與情感化設計,手機APP整體視覺情感的提煉與傳達,移動APP項目設計iphone端APP實際項目實戰(zhàn)。
通過上文小編的介紹,大家應該知道常用的ui設計技術有哪些了吧。ui設計涉及的專業(yè)知識比較強,使用的技術也比較多,想學習ui設計的朋友,可以多關注一下我們的網(wǎng)站。