-
當前位置:首頁 > 創(chuàng)意學院 > 品牌設計 > 專題列表 > 正文
vi設計實戰(zhàn)教程(vi設計教學視頻)
大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關于vi設計實戰(zhàn)教程的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具,一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等,官網(wǎng):https://ai.de1919.com
創(chuàng)意嶺專注品牌設計、策劃,為各大上市企業(yè)、個人提供一站式設計、策劃服務,服務客戶遍布全國,咨詢相關業(yè)務請撥打電話:175-8598-2043,或添加微信:1454722008
本文目錄:
如何最快的轉(zhuǎn)型UI設計師?
零基礎想要轉(zhuǎn)行UI,該先學什么?學習什么內(nèi)容?又如何學習呢?我們將學習內(nèi)容拆分出來,以周為學習周期,一共十八周,來簡單介紹一下學習流程。讓大家快準狠的掌握UI設計知識,快速轉(zhuǎn)型UI設計。
越簡單的元素搭配,就越考察一個設計師的基礎功,如果沒有過硬的技術和扎實的基本功,就難以準確地傳達產(chǎn)品自身調(diào)性和營銷賣點。
我們都知道創(chuàng)意思維對于設計師的重要性,卻也不能忽略基本功對于設計師的必要性。只有堅持不斷的負重訓練,扎實美術功底,才能在日后的商業(yè)實戰(zhàn)中輕松駕馭各種風格。
第一周:手繪
圖片來源:阿多比設計學院學生作品
手繪的重點主要是培養(yǎng)學員的形體結(jié)構(gòu),光感、空間的關系,這算是一個審美培養(yǎng)的啟蒙,時下最流行的矢量插畫就和手繪密切相關。
第二、三周:PS、AI基礎軟件的學習
圖片來源于網(wǎng)絡
從零開始學習軟件,需要用實際的案例去學習,這樣更加容易上手,并且UI設計的學習并不是只是簡單的學習軟件工具,很多在人都以為UI設計只要會了PS、AI等就可以了,其實讓通過實際的案例去了解設計背后的意義即設計思維、創(chuàng)意理解,才是更為重要的目的。
但是只學思維也不行,我們也要加強設計的基本功,對軟件完全的精通掌握,這是必須的。
第四、五周:平面構(gòu)成、Logo
圖片來源:阿多比設計學院學生作品
掌握平面設計中點、線、面,加以延伸到到Logo設計,Logo一方面是包括圖形另一方面是包括字體,所以了解文字結(jié)構(gòu)是非?;A的,以及如果這一階段學的非常好,接Logo私單,價格高到不敢相信。
并且logo品牌部分學習中,要會從Logo的形式、氣質(zhì)、基礎屬性、思維方式、以及標準制圖等去深入學習。一個簡單的圖形通過形式的變形而演變出千變?nèi)f化的造型,如此多的變化還怕設計不出Logo嗎?
舉例:從形入手,一個圓可變實心的圓、可變空心的、可變半圓的還可變橢圓、半圓,那是不是就能聯(lián)想到雞蛋、煎蛋、荷包蛋、帽子、水杯呢?
第六周:品牌Logo定稿以及VI手冊設計
圖片來源:阿多比設計學院學生作品
這一周其重點是甲方思維思考設計,對,就是那個煩人的甲方爸爸,需要學習換位思考。
整個第一階段的學習內(nèi)容都是非常基礎的,目的是培養(yǎng)設計思維,正所謂懂用戶所想,還不能設計出好產(chǎn)品?
第七周:響應式網(wǎng)站、一屏式網(wǎng)站
圖片來源:阿多比設計學院學生作品
從案例來講述網(wǎng)頁設計的構(gòu)成、顏色、字體、功能、按鈕以及設計規(guī)范、排版規(guī)范。
第八周:后臺數(shù)據(jù)
除了后臺設計,更多的是后臺的數(shù)據(jù)統(tǒng)計處理,如何做到簡單化、明了化。
圖片來源:阿多比設計學院學生作品
第九周:電商設計
圖片來源:阿多比設計學院學生作品
電商平臺首頁設計,每一個月各大購物平臺都會有全站式的活動,活動主題都不一樣,所以其實電商設計的人才缺口是非常大的。
第十周:淘寶平臺詳情頁、后臺
圖片來源:阿多比設計學院學生作品
這一部分是可以自己去申請?zhí)詫毜?、上架產(chǎn)品,任何學習都沒有直接上手來得快。實操實練,自己去體會各大平臺的規(guī)范,才會了解得更加清楚。
第十一周:C4D、Banner
圖片來源:阿多比設計學院學生作品
進入3D訓練啦,豐富視覺效果,提高就業(yè)競爭能力,多會一門技術,就多一些可能,這也是我們要為什么不斷學習提升自己的原因。
第二階段,更多的是網(wǎng)頁的設計訓練,重點掌握企業(yè)站界面設計規(guī)范和輸出規(guī)范,且能夠根據(jù)企業(yè)真實需求設計頁面。
第十二周:用戶體驗、競品分析、原型圖
圖片來源:阿多比設計學院學生作品
本周開始設計APP,通過數(shù)據(jù)分析來做競品分析,使用Axure來繪制APP的原型圖。
第十三周:圖標
圖片來源:阿多比設計學院學生作品
有意思的圖標也是完整APP設計的重要一環(huán)。
第十四周:界面、膠囊
圖片來源:阿多比設計學院學生作品
通過標志性APP來講彈窗頁、閃動頁。
第十五周:界面設計
圖片來源:阿多比設計學院學生作品
繼續(xù)完成APP,并學會切圖、命名、標注、打包、交接(前端小哥哥、小姐姐打不打就看這周的學習內(nèi)容了)
第十六周:運營界面
圖片來源于網(wǎng)絡
營銷推廣性的用戶思維培養(yǎng),把握用戶的痛點提升整體運營界面,達到營銷推廣的目的。這一般都是通過突然跳出來的彈窗、閃屏等,比如促銷性質(zhì)的頁面,增加了視覺感染力,促進了用戶的點擊。
第十七周:交互動效
圖片來源:阿多比設計學院學生作品
學好AE動效會非常加分,因為它可以準確的傳達出你的思路,演示你想要的表達的效果。這必將成為UI的流行趨勢,不想要被市場淘汰,一定要繼續(xù)學習啊!
這一個階段,可以嘗試著手設計屬于自己的APP,你可以選擇自己喜歡的主題,沒有局限性,這可以成為零基礎轉(zhuǎn)行的你的作品集內(nèi)容哦。
第十八周:前端
大家都知道與UI設計師密切合作的是前端,那作為一個UI設計師,只有懂了前端,這樣才會合作得更好,提升工作的效率。我們可以學習HTML5,學習CSS3等。
雖然是以周劃分,安排得滿滿當當,這樣學習流程適合大多數(shù)零基礎的小伙伴,每周的內(nèi)容如果學習的不扎實,可以適當停留腳步,因為每個人的學習能力不同,學習掌握情況不同。一定要將知識學扎實,一步一個腳印的往前走,才能真正將UI設計知識掌握牢靠。
ui設計怎么學?
隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展,如今市場對于UI設計師的要求越來越高,對應的UI設計的學習內(nèi)容也越來越多。如果你現(xiàn)在還想拿著一項大多數(shù)人都會的基礎技能找高薪工作,這基本不太現(xiàn)實。
互聯(lián)網(wǎng)剛剛興起之時,UI設計的門檻很低,也許你只會平面設計或者單純的網(wǎng)頁設計就能找到一份很不錯的工作。但現(xiàn)在,隨著智能手機的普及、5G時代的來臨,網(wǎng)民基數(shù)越來越大,大家對于界面的要求也越來越高,對應的企業(yè)的要求也發(fā)生了很大的變化。產(chǎn)品生產(chǎn)的人性化意識日趨增強,越來越多的企業(yè)開始注重交互設計、用戶測試方面的投入。企業(yè)不僅需要UI設計懂設計,還需要懂交互、懂用戶心理,甚至還要會代碼、AE制作動效、以及插畫、手繪等等。
說了這么多,那我們?nèi)绾螌W習UI設計?又如何成為市場上需要的UI設計呢?我現(xiàn)在從一個成熟的UI設計課程去拆分講解具體的學習步驟,以及學習中的注意事項。
一、那我們?nèi)绾螌W習UI設計?又如何成為市場上需要的UI設計呢?
1、手繪以及軟件基礎---軟件水平
手繪
沒有美術功底可以學UI設計嗎?
答案肯定是可以,但是有美術功底的UI設計師在一定程度上會使自己的競爭力更加突顯。創(chuàng)意想法對于UI設計來說是很重要的,但這只是一方面,能通過不同方式與途徑準確地表達出自己的創(chuàng)意想法又是另一方面。對于有美術基礎地設計者來說就會有更多地表現(xiàn)形式來表達自己的想法,比如常用的手繪、插畫、寫實圖標等。
所以我們要學會在今后的UI設計工作中,利用手繪。在這個部分的學習中,其目的是通過手繪掌握并了解形體的結(jié)構(gòu),光感和空間關系。后期才可以將手繪滲透到作品中,把手繪和鼠繪結(jié)合,從零到一的進入到插畫,進一步滲透到項目作品中,比如電商首頁/專題頁/APP閃屏/缺省頁等。
學習手繪,并不是需要大家達到專業(yè)美術生的水平,而是讓大家學會利用手繪更好的表達自己的作品。因為軟件操作帶來的靈感遠沒有手繪帶給我們的思路敏捷。每一個成熟的設計師來講,好的創(chuàng)意和想法一定不是先來自于電腦,而是先來自于本上,手繪是創(chuàng)意和靈感最好的表現(xiàn)及表達方式,養(yǎng)成手繪的習慣和會手繪這件事能夠更加拓展設計師的思維,把你對圖形的需求快速呈現(xiàn)草圖上進行快速的演變圖形嘗試對比,進而提高工作效率。
所以針對手繪部分,將手繪結(jié)合項目中的設計,可以有以下學習流程:
通過靜物練習了解物體,透視/光影/三面五調(diào)
通過飽和度、明度、色調(diào)等理解色彩關系、通過剖析每個顏色的正向負向心理暗示,了解色彩情感表達
運用ps軟件手繪圖標,提升軟件熟悉度
手繪鼠繪結(jié)合繪制技巧(插畫臨?。?nbsp;
軟件
軟件是UI設計不可缺失的輔助工具,工具的學習并不在多,而在于你是否能熟練的使用工具將自己的想法表達出來,讓工具化身為左右手去協(xié)助自己完成設計。每一類設計工具選擇一到兩熟練操作,在今后的工作中遇到類似工具是可以很快上手的。
其實,學習工具最快的方法是帶有目的的學習,使用反推法學習可以讓你更清晰更直觀的了解這個功能存在的意義。以案例入手從案例中學習新的工具,讓工具和技法和案例融合一體,從而加深對軟件及其綜合能力的入門和提高。
那什么是反推法學習呢?下面我們選取PS、AI這兩個設計中常見的工具來簡單介紹一下,其他工具也可以參考這樣的學習模式。至于軟件的熟練度就需要你自己花時間反復練習。
(1)PS,Adobe Photoshop,是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。相信不是設計行業(yè)的小伙伴也對它久仰大名,更是設計專業(yè)人員必須掌握的設計工具。 Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像,其重點在于對圖像的加工處理。
初次接觸PS,我們需要自學掌握PS基礎、工具詳解、布爾運算、圖層樣式、混合選項、蒙版、調(diào)整圖層、濾鏡、混合模式、圖像等。我們?nèi)绾我徊讲綄⑦@些功能摸清楚用明白呢?
PS基礎:了解工具詳情、圖層樣式//圖層調(diào)整。(案例演示)
學習ps布爾運算,并運用到圖形繪制中。
通過海報合成案例,掌握混合模式/蒙版。
利用圖像調(diào)整(曲線、色相飽和度、色彩平衡等),調(diào)整合成素材顏色、光影等統(tǒng)一性。
海報合成中利用濾鏡達到遠近、虛實、銳化、扭曲等目的/利用camera raw做合成最后調(diào)整。
我們只有不斷的通過對商業(yè)實戰(zhàn)的分析,通過結(jié)果的反推,讓軟件和設計思維相結(jié)合。在反推和臨摹的過程中,讓我們的工具基礎更加扎實。
(2)AI, Adobe illustrator,是一種應用于出版、多媒體和在線圖像的工業(yè)標準矢量插畫的軟件。它的功能強大,用戶界面體貼,是大多數(shù)設計師選擇矢量編輯軟件的不二選擇。
對于AI,我們需要掌握AI的圖形符號功能及使用技巧,AI的漸變、混合工具、2.5D插畫。再到繪圖工具的精通,通過主流插畫風格的學習及風格的轉(zhuǎn)換,學習插畫中的色彩。最后實現(xiàn)logo圖形的繪制技巧及字體設計等。
ai基礎:通過學習路徑查找器掌握圖形減去、相交、相加等能力/掌握圖形符號,增強圖形或設計美感。
適量插畫繪制,加強對物體結(jié)構(gòu)/光影/顏色的理解。
順應當下流行趨勢,通過人物、風景深入了解主流矢量插畫表現(xiàn)形式。
以上這些其實只是對工具有個基礎的認識,讓你了解工具的功能,然后反復去熟悉工具。至于如何利用這些工具,還需要繼續(xù)進階學習。
2、設計基礎、設計理論--設計思維
沒有設計思維,工具用的再熟練,設計出的作品也不會被大眾認可。所以我們必須學習設計的原理,掌握設計基礎。將理論和實踐結(jié)合,完美的將自己的想法合理的展示出來。
這個階段中可以引入Logo設計、字體設計和VI手冊設計,在理論中穿插實操,讓學習富有目的性,在操作中反推設計思維。
什么是logo?如何入手做原創(chuàng)logo?logo的常見表現(xiàn)形式?這里將Logo和文字設計相結(jié)合來講解一下學習步驟。
學習平面構(gòu)成:點線面,了解平面空間的基本元素。以設計的手段來讓元素變得更精致更富視覺沖擊力。
習平構(gòu)基本形式重復、近似、漸變、變異等,培養(yǎng)邏輯思維和造型能力以便我們能夠?qū)⑵溥\用到實際的設計當中。
從Logo設計頭腦風暴中開發(fā)自己,思維空間從宏觀到微觀提取設計關鍵詞。
學習Logo草圖繪制多種方案,這里就要用到之前學習的手繪技巧啦。然后選其中一種進行繼續(xù)優(yōu)化。
通過不同關鍵詞相互組合,做圖形提煉、結(jié)合、重組、賦予關鍵詞圖形化,圖形化優(yōu)化定稿。
根據(jù)字體橫豎撇捺等了解文字結(jié)構(gòu)字面、重心、獨體合體字、中宮處理等,掌握字體變形設計,完善Logo提案效果圖增強過稿概率。
Logo文字部分提取重新設計
Logo圖形文字結(jié)合定稿
在Logo設計中我們學習了平面的構(gòu)成、字體設計等,在畫冊學習中我們同樣會穿插設計知識。比如設計的色彩心理學、色彩對比及配色技巧,vi基礎+應用部分規(guī)范及內(nèi)容,場景應用效果圖及尺寸和材質(zhì)等。通過自己模擬項目,去深入掌握vi手冊基礎部分。
學習VI視覺手冊規(guī)范,重點提煉VI視覺手冊頁眉頁腳設計。
模擬練習項目從甲方、用戶等多角度深入掌握vi手冊基礎部分:企業(yè)標志、標準色、標準字體、中英文印刷規(guī)范、輔助圖形、錯誤應用,并以企業(yè)特性進行基礎部分規(guī)范設計。
VI手冊應用部分,以使用場景、材質(zhì)、工藝、尺寸、展示環(huán)境等,給出甲方專業(yè)成品落地建議及效果展示。
完善VI手冊提案效果圖。
3、Web網(wǎng)頁/電商運營設計
平面設計是UI設計的基礎,我們通過平面設計去學習了設計基礎、設計思維,減少了UI設計學習階段中的很多疑惑。
互聯(lián)網(wǎng)時代,絕大多數(shù)企業(yè)都意識到通過線上資訊來吸引更多的潛在客戶是多么重要。這些潛在客戶對你的公司及產(chǎn)品印象的好壞,很大程度上取決于你在網(wǎng)站設計上投入精力的多少。企業(yè)站和電商平臺也是互聯(lián)網(wǎng)環(huán)境下企業(yè)必不可少的傳播平臺和C端自主交易平臺,是互聯(lián)網(wǎng)產(chǎn)業(yè)下的主流。
所針對網(wǎng)頁設計,要求你熟悉和掌握Web端設計的規(guī)范,了解網(wǎng)站基本架構(gòu)和柵格化布局,重點掌握企業(yè)站界面設計規(guī)范和輸出規(guī)范,且能夠根據(jù)企業(yè)真實需求設計頁面。掌握網(wǎng)頁中的版式設計/構(gòu)圖排版/網(wǎng)頁中的色彩/文字/圖片搭配,掌握企業(yè)站首焦圖的設計技巧。
而電商部分則需要電商行業(yè)設計要求與設計規(guī)范,學習電商行業(yè)不同類型的設計方法和店鋪包裝方法,掌握電商設計全流程以及電商Banner版式設計。
知識這么多,看起來都頭大。別急?。?!我們將這些知識進行拆分,一步步帶你飛。
(1)企業(yè)響應式網(wǎng)站/一屏網(wǎng)站設計:掌握網(wǎng)頁設計流程及規(guī)范,網(wǎng)頁設計配色、排版技巧。
Web設計基本規(guī)范:單位、分辨率、尺寸、字體、顏色等/通過案例展示了解網(wǎng)站組成架構(gòu)(首頁設計)
網(wǎng)頁設計中的版式擴散與界面設計
通過柵格化布局,增強網(wǎng)頁設計版式,深入研究網(wǎng)頁中構(gòu)圖/色彩/字體/圖片使用等,提升整體頁面細節(jié)。
響應式移動端設計規(guī)范:設計尺寸、適配設備、排版布局轉(zhuǎn)化形式。
企業(yè)網(wǎng)站界面設計
(2)后臺設計:掌握數(shù)據(jù)圖形化,及圖形數(shù)據(jù)配色。
目前,根據(jù)招聘市場信息反饋可視化和后臺也是網(wǎng)頁階段的標配,所以后臺首頁又有那些學習要點呢?
企業(yè)網(wǎng)站界面設計
掌握一屏式網(wǎng)頁設計及頁面中交互效果設計(一屏首頁設計)
通過設計案例了解后臺設計規(guī)范及后臺操作流程和功能
后臺首頁設計
將后臺數(shù)據(jù)通過柱狀、餅形、走勢圖等手法以增強觀賞閱讀性為目的做數(shù)據(jù)可視化處理
(數(shù)據(jù)圖形化設計)
(3)電商設計:操作掌握首頁、專題頁、詳情、主圖、直通車、鉆展、后臺裝修,移動端與pc端設計規(guī)范,并且通過店鋪實際操作掌握電商詳情頁的設計技巧和版式技巧。
通過淘寶電商平臺了解首頁移動端與pc端設計規(guī)范。
掌握主圖、直通車、鉆展設計規(guī)范,以及在后臺推廣窗口了解更多運營推廣圖設計板塊。
通過項目案例分析展現(xiàn)專題頁設計構(gòu)圖/以真實案例剖析:項目流程、關鍵點提取、視覺推導圖。
淘寶電商平臺首頁、專題頁設計
詳情頁設計規(guī)范及內(nèi)容構(gòu)成,站在用戶角度去考慮設計
淘寶電商平臺詳情頁設計
通過申請自己的淘寶店,在電商后臺實操裝修/商品上架(切圖/上架/后臺裝修實操)
(4)C4Dbanner:掌握3D場景設計,運用到設計作品中,豐富畫面視覺效果。
C4D軟件基礎/場景搭建,利用3D場景提升設計空間立體感,增強視覺沖擊力。
(白模場景搭建)燈光材質(zhì)/渲染輸出/C4dbanner(場景貼材質(zhì)/打燈光/渲染設置并輸出應用到Banner中)。
Banner設計中的版式與Z軸拆分。
提升電商Banner,畫面中融入更多插畫元素。并多以矢量插畫風格展現(xiàn)。
C4D風格Banner設計制作。
3、移動端設計
劃重點啦?。?!
隨著移動互聯(lián)網(wǎng)的發(fā)展,大家對于手機的需求也越來越高,人們用手機娛樂、消費、學習,所以UI設計無時無刻不體現(xiàn)在我們的生活中。在這一部分,我們不僅要學習設計,還要學習用戶體驗、交互設計、運營設計,讓我們的產(chǎn)品更貼近目標用戶的使用習慣。
(1)用戶體驗、競品、原型圖:了解項目開發(fā)、產(chǎn)品調(diào)研、項目流程,掌握交互原型。
通過市場調(diào)研或大數(shù)據(jù)分析,做項目競品分析。利用大數(shù)據(jù)統(tǒng)計分析用戶對產(chǎn)品的痛點及體驗反饋,模擬用戶畫像分析用戶對本項目的痛點、需求、受眾、職業(yè)等等。通過數(shù)據(jù)比對及資料搜集做市場分析。
學習Axure軟件,繪制低保真原型圖。
結(jié)合產(chǎn)品分析和競品分析,用Xmind制作思維導圖。
分析App頁面流程圖/功能框架/界面跳轉(zhuǎn)邏輯,利用axure繪制App原型圖。
(2)圖標、膠囊、界面設計:通過整體性設計界面去掌握圖標、狀態(tài)欄、導航欄、標簽欄、閃屏、啟動、歡迎頁/引導頁,彈窗頁面等界面設計。
以剪影圖標、扁平圖標、線性圖標、面性圖標、微質(zhì)感圖標、輕擬物圖標認識圖標的多樣性。
探究金剛區(qū)、功能圖標、裝飾性圖標設計的特性,及不同板塊應該使用的圖表類型及設計。
了解Ios/安卓界面設計規(guī)范:尺寸、字體、顏色、大小、行距等,再深入探究界面中組成部分如:狀態(tài)欄、導航欄、標簽欄等尺寸可點擊空間大小等。
通過成熟的App,了解膠囊/彈窗設計形式及組成部分,深入分析閃屏/啟動/引導頁/三者之間的設計特性和運營思維用戶體驗等
最后,從0到1按照用戶思維和產(chǎn)品思維整體性設計界面
(3)運營界面、AE交互動效、制定視覺規(guī)范設計:電商中的運營思維與產(chǎn)品設計結(jié)合,以用戶思維審查界面尋找用戶痛點,提升整體運營界面,達到營銷推廣目的。AE交互動畫設計,增強界面交互操作體驗感。
以運營思維延展推廣類界面設計。(多看優(yōu)秀電商產(chǎn)品,去反推運營思維與設計)
突出促銷活動專題頁、彈窗、閃屏設計氛圍,增強視覺感染力,促進用戶點擊瀏覽量。
運營界面設計。(從模范開始,到加入運營思維設計運營界面)
以案例掌握AE軟件基礎:圖形變形、移動、大小、透明動畫
深入AE功能:節(jié)點緩動、速度圖表使用讓畫面更柔和順暢自然、利用濾鏡達到更多動畫效果,以界面交互動畫、跳轉(zhuǎn)效果動畫做練習及項目展示。
掌握視頻導出MP4、Png序列、Quicktime方式。
4、WEB前端:UI設計不一定要精通Web前端,但是如果了解前端基礎知識,可以更好和程序員溝通,以實現(xiàn)自己想要的效果。
掌握Web前端的基本知識,熟悉Html5和Css3.熟悉框架布局
通過學習Html5和Css3的學習,把自己設計的企業(yè)站解析成網(wǎng)頁。
通過以上的學習,我們具備UI設計技能,進入UI設計行業(yè)后,更需要保持持續(xù)的學習去提升自己的審美、設計、技能等。所以多去看別人的設計,不是要抄襲,而是去思考學習別人的優(yōu)點,去提升自己的設計思維。
UI設計的學習內(nèi)容都有哪些?應該會些什么?
UI設計既是界面設計。當然隨著智能手機以及互聯(lián)網(wǎng)的飛速發(fā)展,是目前以及未來比較吃香的設計專業(yè),學習主要分為以下十個階段:階段一:傳統(tǒng)繪畫基礎
教學內(nèi)容:素描基礎,素描石膏幾何體,素描靜物,素描石膏像,人物速寫。 教學目的:掌握繪畫過程中,構(gòu)圖概念、結(jié)構(gòu)、比例能夠獨立完成空間感結(jié)構(gòu)圖,獨立完成明暗與刻畫細節(jié)。
階段二:PS平面設計基礎
教學內(nèi)容:平面設計理論,色彩構(gòu)成、平面構(gòu)成。PS平面設計,PS軟件基礎、平面設計案例。PS手繪基礎。 教學目標:掌握PS平面基本技法,掌握基本UI設計基礎,熟悉電腦手繪。
階段三:色彩基本學
教學內(nèi)容:了解UI風格色彩設計 教學目的:通過不同風格的命題,來講解不同元素的把控,并與之前的部分知識點進行結(jié)合,剝?nèi)∨c分析不同元素,再與UI布局進行搭配,塑造不同風格的GUI設計。
階段四:CG原畫設計
教學內(nèi)容:了解CG圖制作方式,游戲相關繪制設定與技巧,風格把控。 教學目的:掌握繪畫過程中,構(gòu)圖概念、結(jié)構(gòu)、比例能夠獨立完成空間感結(jié)構(gòu)圖,獨立完成明暗與刻畫細節(jié)。
階段五:UI基礎設計
教學內(nèi)容: UI控件、icon等基礎,臨摹掌握制作要領。 教學目的:通過學習按鈕的制作和基礎框架的制作,掌握PS的使用方法,以及草圖框架繪制技巧。并且在課程中還會學習點線面搭配知識以及基礎設計應用技巧。
階段六:PC游戲精品設計
教學內(nèi)容:游戲界面構(gòu)成原理與布局,掌握設計方法。 教學目的:通過學習游戲UI設計界面邊框、臺頭、頁腳、轉(zhuǎn)角以及血條的設計和制作,熟練掌握市面熱門游戲界面布局技巧,以及關于用戶體驗與交互設計的搭建。
階段七:手游精品設計
教學內(nèi)容:游戲UI移動端的布局規(guī)范,設計規(guī)劃 教學目的:重點學習手機、Pad等移動端設備中游戲的圖標的設計與制作,了解移動端中UI的布局規(guī)范以及設計表現(xiàn)技巧,并學習如何通過圖像設計強化交互功能。
階段八:應用資源設計
教學內(nèi)容:網(wǎng)絡游戲平臺LOGO制作UI美化、圖片優(yōu)化,資源優(yōu)化等 教學目的:學習網(wǎng)絡游戲、網(wǎng)頁游戲等平臺中游戲圖片優(yōu)化,節(jié)省資源空間。了解多平臺UI的布局規(guī)范以及設計表現(xiàn)技巧,并學習如何通過圖像設計強化交互功能。
階段九:UI實戰(zhàn)設計
教學內(nèi)容:UI具體明細實戰(zhàn)訓練,熟練操作各種工具進行不同種設計 教學目的:通過學習可獨立完成游戲UI中的系統(tǒng)界面的設計與制作,熟練掌握圖像簡化與歸納技巧,字符設計技巧,以及圖標交互型設計技巧。充分了解行業(yè)制作規(guī)范。
階段十:畢業(yè)作品
教學內(nèi)容:制作不同類別策劃方案中的UI作業(yè) 教學目的:學員將和其他同學組成項目小組,開始制作不同類型策劃方案中的游戲UI,設計制作自己的畢業(yè)作品。并由行業(yè)內(nèi)精英組合而成的專家隊伍對學員進行輔導,以保證作品達到業(yè)界標準以上。
平面設計操作體驗_平面設計案例教程
真槍實戰(zhàn)的操作體驗
1---、設計基礎原理:
1-01、創(chuàng)意設計構(gòu)思方式
1-02、設計主題的表現(xiàn)方式
1-03、平面視覺流程控制
1-04、平面廣告中的視覺沖擊原理
1-05、色彩的理解與應用設計
1-06、點、線、面的商用原理做好合理性的視覺要理
1-07、創(chuàng)作中的圖片與文字構(gòu)思要點
1-08、表現(xiàn)創(chuàng)意設計的定位
1-09、文字設計
1-10、色彩設計(理解到配色)
1-11、印前知識
1-12、肌理效果設計
1-13、版面中的視覺流程
1-14、創(chuàng)意技巧:十大創(chuàng)意技法
1-15、版面編排設計
1-16、平面中的格調(diào)
2---、實戰(zhàn)工作式內(nèi)容:
2-01、標志設計(原理實戰(zhàn))
標志設計的特性、標志設計原理、標志組合構(gòu)成、標志的主題與色彩、標志的創(chuàng)作方式等。
2-02、VI企業(yè)形象設計(原理實戰(zhàn))
VI的解析、標志標準制圖設計、標準色設計、標準字設計、輔助性圖形設計、組合應用,從基礎到應用系統(tǒng)等。
2-03、報紙廣告設計(原理實戰(zhàn))
報紙廣告的特征、版式設計、創(chuàng)意主題與信息元素、字體選擇、色彩定位、創(chuàng)作方式等。
2-04、折頁廣告設計(原理實戰(zhàn))
折頁形式、版式布局、創(chuàng)意主題與信息元素、字體選擇、色彩定位、創(chuàng)作方式等。
.2-05、樣本的設計(原理實戰(zhàn))
樣本的特征、樣本的分類、常用開本與開本計算、樣本的信息分布、統(tǒng)一與協(xié)調(diào)的應用、創(chuàng)作方式等。
2-06、包裝設計(原理實戰(zhàn))
包裝信息布局、包裝分類與特征、版式設計、包裝工藝、風格調(diào)性、創(chuàng)作方式等。
2-07、字體設計(原理實戰(zhàn))
文字的特性、字體設計分類、文字的編排構(gòu)成、文字的風格與實際應用等
為什么我們實訓兩個月,而那些用人單位卻說我們學徒的能力象工作了一年以上的設計師,原因如下:
一、我們所講的是實實在在的工作心得,不是那聽來的理論,是心得式的工作經(jīng)驗,江敬之總監(jiān)親自整理編寫的實用課程。
二、全程上班式的進行。在學習中就已經(jīng)懂得了設計工作中的一些門門道道,從客戶需要,再到設計稿的成品印刷。
三、手把手家教式的學習訓練、零距離溝通。負責任的教您,是學習中最大的保障。
四、象員工一樣職業(yè)化學習并工作著
UI設計培訓課程是哪些?
UI設計培訓課程是:圖形設計、交互設計、用戶測試/研究。
具體內(nèi)容如下:
1、研究界面
圖形設計師Graphic UI designer
國內(nèi)大部分UI工作者都是從事這個行業(yè),是了解軟件產(chǎn)品、致力于提高軟件用戶體驗的產(chǎn)品外形設計師。
這些設計師大多是美術院校畢業(yè)的,其中大部分是有美術設計教育背景,例如工業(yè)外形設計,裝潢設計,信息多媒體設計等。
2、人與界面
交互設計師interaction designer
在圖形界面產(chǎn)生之前,長期以來UI設計師就是指交互設計師。交互設計師的工作內(nèi)容就是設計軟件的操作流程,樹狀結(jié)構(gòu),軟件的結(jié)構(gòu)與操作規(guī)范(spec)等。一個軟件產(chǎn)品在編碼之前需要作的就是交互設計,并且確立交互模型,交互規(guī)范。
交互設計師一般都是軟件工程師背景居多,也有視覺設計師轉(zhuǎn)行進入的。
3、研究人
用戶測試/研究工程師User experience engineer
任何的產(chǎn)品為了保證質(zhì)量都需要測試,軟件的編碼需要測試,自然UI設計也需要被測試。這個測試和編碼沒有任何關系,主要是測試交互設計的合理性以及圖形設計的美觀性。
測試方法一般都是采用焦點小組,用目標用戶問卷的形式來衡量UI設計的合理性。這個職位很重要,如果沒有這個職位,UI設計的好壞只能憑借設計師的經(jīng)驗或者領導的審美來評判,這樣就會給企業(yè)帶來嚴重的風險性。
擴展資料:
UI設計原則:
1、簡易性
界面的簡潔是要讓用戶便于使用、便于了解產(chǎn)品,并能減少用戶發(fā)生錯誤選擇的可能性。
2、用戶語言
界面中要使用能反映用戶本身的語言,而不是游戲設計者的語言。
3、記憶負擔最小化
人腦不是電腦,在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩(wěn)定,24小時內(nèi)存在約25%的遺忘率。所以對用戶來說,瀏覽信息要比記憶更容易。
4、一致性
它是每一個優(yōu)秀界面都具備的特點。界面的結(jié)構(gòu)必須清晰且一致,風格必須與產(chǎn)品內(nèi)容相一致。
5、清楚
在視覺效果上便于理解和使用。
6、用戶的熟悉程度
用戶可通過已掌握的知識來使用界面,但不應超出一般常識。
7、從用戶習慣考慮
想用戶所想,做用戶所做。用戶總是按照他們自己的方法理解和使用。
通過比較兩個不同世界(真實與虛擬)的事物,完成更好的設計。如:書籍對比竹簡。
8、排列
一個有序的界面能讓用戶輕松的使用。
9、安全性
用戶能自由的作出選擇,且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統(tǒng)的提示。
10、靈活性
簡單來說就是要讓用戶方便的使用,但不同于上述。即互動多重性,不局限于單一的工具(包括鼠標、鍵盤或手柄、界面)。
11、人性化
高效率和用戶滿意度是人性化的體現(xiàn)。應具備專家級和初級玩家系統(tǒng),即用戶可依據(jù)自己的習慣定制界面,并能保存設置。
參考資料來源:百度百科:UI設計
以上就是關于vi設計實戰(zhàn)教程相關問題的回答。希望能幫到你,如有更多相關問題,您也可以聯(lián)系我們的客服進行咨詢,客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀: