首先說(shuō)一下什么叫UI,UI的本義是用戶(hù)界面,是英文User和interface的縮寫(xiě)。UI設計師簡(jiǎn)稱(chēng)UID(User Interface Designer),指從事對軟件的人機交互、操作邏輯、界面美觀(guān)的整體設計工作的人還有點(diǎn)、線(xiàn)、面。
UI設計理論
1:一開(kāi)始學(xué)UI的時(shí)候是用PS PS很多人都用過(guò)都是用來(lái)扣扣圖片什么的,PS這軟件功能挺強大的并不是只有扣扣圖這么簡(jiǎn)單(此處有點(diǎn)水)。
2、交互設計師,做整個(gè)項目的交互流程。(交互設計是人造系統的行為的設計領(lǐng)域,它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內容和結構,使之相互配合,共同達到某種目的。)
3、用戶(hù)體驗研究師,主要通過(guò)各種方法了解用戶(hù)現在需要什么樣的體驗什么樣的界面,從而對這個(gè)項目的總體體驗做決策。
4. 提出快速原型虛擬逼真設計,并對其特點(diǎn)和原理進(jìn)行了討論.快速原型虛擬逼真設計是面向并行工程,基于虛擬原型和虛擬環(huán)境仿真的設計,強調虛擬原型的快速生成與演化.在關(guān)鍵技術(shù)、原型系統以及開(kāi)發(fā)環(huán)境三個(gè)層次上論述了快速原型虛擬逼真設計的研究.提出快速原型虛擬逼真設計模型以及基于該模型的體系結構。
5.平面設計要注意字體,無(wú)論是標記還是排版。字體是*能體現出平面的效果,還有版式,排版是*重要的一個(gè)過(guò)程 。 色彩,色彩要提高盡量拋棄傳統的紅黃綠藍。
UI設計總結
一開(kāi)始上課的時(shí)候老師就交了幾個(gè)工具怎么用看著(zhù)挺簡(jiǎn)單的,自己動(dòng)手的時(shí)候一臉懵逼很無(wú)奈真是所謂的一看就會(huì )一做就廢,經(jīng)過(guò)了挺長(cháng)的時(shí)間才可以克服這困難,像鋼筆工具吧,一開(kāi)始做的時(shí)候心里面真的想放棄有一種想砸電腦的沖動(dòng)后來(lái)還是堅持了下來(lái)慢慢練習才讓鋼筆工具倒在我的堅持之下,后面就是自己做海報、設計網(wǎng)站、設計名片、設計廣告圖、LOGO和練習怎么調顏色。
附上自己的成果
這倆個(gè)是用自己練習了好幾天鋼筆工具臨摹出來(lái)的。
這個(gè)是用了幾個(gè)圓形合并出來(lái)的鯨魚(yú)和一個(gè)忘記叫什么名字圖形。
利用PS的素描制作。
在學(xué)習的過(guò)程中*讓我難忘的就是制作一個(gè)屬于自己的LOGO,想了好幾節課*后制作出來(lái)感覺(jué)有點(diǎn)滿(mǎn)意吧。
附上自己的成果
設計網(wǎng)站
設計網(wǎng)站的話(huà)排版、顏色。審美觀(guān)比較重要接下來(lái)就是排版問(wèn)題,一開(kāi)始學(xué)習網(wǎng)站排版都是這邊一條線(xiàn)那邊一個(gè)框的,還有字體一個(gè)粗一個(gè)細一個(gè)大一個(gè)小沒(méi)有對齊各種各樣后面都是經(jīng)過(guò)天天練習才完成一個(gè)正規的網(wǎng)站排版。
AI總結
AI的話(huà)倒是沒(méi)有什么老師也沒(méi)有教很多,不過(guò)AI做的圖都是矢量圖PS做的圖都是像素格的換句話(huà)來(lái)說(shuō)AI做的圖片比PS做的圖片要高清一點(diǎn)吧,個(gè)人感覺(jué)。很多都是用鋼筆工具來(lái)完成也就那樣吧。AI的功能有一些比PS的好。
附上自己用AI做的成果
總體來(lái)說(shuō)還算可以吧,不是學(xué)得很完美自己還需要多加努力。
PS基礎
PS基礎的話(huà)就是首先認識一下這些工具叫什么名字,不然別人問(wèn)你鋼筆工具在哪你找半天都找不到,還有一些常用的快捷鍵吧。
首先認識一下快捷鍵:
Ctrl+S = 保存 Ctrl+N = 新建圖層 Ctrl+0 = 打開(kāi)文件 Ctrl+Z = 返回(只能返回一步)
Ctrl+Alt+Z= 返回(可以返回多步) Ctrl++= 放大 Ctrl+ - =縮小 空格=抓手工具
Ctrl+0(數字)圖片大小自適應屏幕 Ctrl+W 關(guān)閉 Ctrl+Alt+W 關(guān)閉全部
Shift+Ctrl+S 儲存全部 Ctrl+D 取消框選 Shift+Ctrl+I 反選 Ctrl+T 調整大小
這些都是常用的快捷鍵。
還有左邊導航欄的工具:
移動(dòng)工具 V 選框工具M(jìn) 套索工具L 魔棒工具W 橡皮擦工具E 鋼筆工具 這些都是常用的。
還有就是多加練習,習慣了就可以了沒(méi)必要死記硬背。
這些都是基礎的東西,一張衣服圖片,首先用魔棒工具吧他圈起來(lái)Delete去掉不要的東西然后放一張背景圖放在上面然后正片疊底基本就可以了。
PS進(jìn)價(jià)
PS進(jìn)價(jià)的話(huà),感覺(jué)前的常用工具用習慣了你考研嘗試著(zhù)做一個(gè)有成果的東西可以嘗試做哪些案例。
首先可以在網(wǎng)上找一些圖片,然后用你的腦子思考一下你喜歡怎么做喜歡哪些風(fēng)格。
磨皮
新建一個(gè)圖層放進(jìn)圖片
打開(kāi)圖像,進(jìn)入通道調板復制藍色通道
然后把你剛剛復制的藍色通道濾鏡其他選擇高反差保留。
然后取色取和圖片上面的色素然后用畫(huà)筆工具涂抹眼睛鼻子嘴巴眉毛
涂抹完后選擇圖像計算生成有一些PS不一樣的版本選擇圖像調整計算
這個(gè)時(shí)候會(huì )生成一個(gè)Alpha通道
按住Ctrl鍵用鼠標點(diǎn)擊Alpha1通道載入選區Shift+Ctrl+I反選返回到圖層調板點(diǎn)擊激活圖層。
然后建立一個(gè)曲線(xiàn)調整層,調整曲線(xiàn),邊觀(guān)察圖像的變化
調好后按Shift+Ctrl+Alt+E組合鍵蓋印可見(jiàn)圖層
現在看著(zhù)臉上是不是有些黃褐斑
在工具箱中取海綿工具,模式選項為去色。設一個(gè)較小的數值小心擦拭色斑。然后用畫(huà)筆工具選取鄰近的顏色上色就OK了
就OK了這些步驟多加練習,我也是練習了很多遍才成功的,圖片是我調整磨皮過(guò)后的你可以隨便找一張圖片來(lái)嘗試。
AI基礎
首先認識一下左邊的工具,和PS的工具差不多但是AI的功能是非常強大的。
先學(xué)習一下填充和描邊,先新建一個(gè)圖層然后畫(huà)一個(gè)矩形選框然后給他上色和填充左上角文件下面可以選擇顏色。
如果你想切換顏色可以Shift+X這個(gè)快捷鍵可以將描邊和里面的顏色切換
如果不想要里面的顏色可以按問(wèn)號鍵
想縮小的話(huà)可以點(diǎn)擊上面的角Shift+Alt不像PS還要Ctrl+T然后還要Shift+Alt其他工具自己嘗試。
AI進(jìn)價(jià)
基礎打好了可以嘗試著(zhù)做其他小東西。下面我練習做了一個(gè)動(dòng)物。
首先用鋼筆工具一個(gè)一個(gè)臨摹出來(lái),注意:不像PS那樣直接畫(huà),這個(gè)是一個(gè)一個(gè)的來(lái)畫(huà)比如耳朵就是一個(gè)耳朵 眼睛就是一個(gè)眼睛 鼻子就是一個(gè)鼻子。畫(huà)完后選擇他的耳朵有一條路徑然后選擇吸管工具吸一下別的顏色他的耳朵就自動(dòng)上色了。其他的部位也是這樣。慢慢練習很快就會(huì )了。
版式設計
版式設計是指設計人員根據設計主題和視覺(jué)需求,在預先設定的有限版面內,運用造型要素和形式原則,根據特定主題與內容的需要,將文字、圖片 圖形 及色彩等視覺(jué)傳達信息要素,進(jìn)行有組織、有目的的組合排列的設計行為與過(guò)程。
版本設計就是排版,排版也是一個(gè)很重要的東西,如果你的網(wǎng)站和廣告圖排版得好看相信很多客戶(hù)找你,排版重要就是顏色要和圖片形成舒適的感覺(jué),文字要大小一致色彩要給人一種舒適欺騙眼睛。什么樣的廣告網(wǎng)站需要什么樣的排版和因素都要考慮好,審美要和整體一致。
留白:則是版中未放置任何圖文的空間用特殊表現手法。其形式、大小、比例、決定著(zhù)版面的排版。留白的感覺(jué)是一種輕松,*大的作用是引人注意。在排版設計中,巧妙地留白,講究空白之美,是為了更好地襯托主題,集中視線(xiàn)和造成版面的空間層次。
LOGO設計
LOGO是徽標或者商標的英文說(shuō)法,起到對徽標擁有公司的識別和推廣的作用,通過(guò)形象的logo可以讓消費者記住公司主體和品牌文化。網(wǎng)絡(luò )中的logo代表一個(gè)網(wǎng)站或網(wǎng)站的一個(gè)板塊。在設計個(gè)人的LOGO中要考慮到很多因素,比如自己的名字、自身喜歡的東西或者自己的想到的某一些東西,我自己也有一個(gè)屬于自己的LOGO。
設計思路:上面的馬相應我的姓下面的字母是我常用的英文名字
字母的意思是風(fēng)情, 風(fēng):有好處也有壞處意譯以后一帆風(fēng)順,情:人間處處有真情意譯以后收獲親情友情愛(ài)情。
官網(wǎng)設計
官網(wǎng)設計比較注重風(fēng)格顏色字體要求比較嚴謹頭腦一點(diǎn)要清晰排版要明確對齊。
這個(gè)是我自己修改了學(xué)校的網(wǎng)站不是很好一般般吧風(fēng)格是以前的風(fēng)格,字體都是楷體顏色分黑、紅、藍。多看一些*的網(wǎng)站,收集多樣的風(fēng)格,多加練習。
ICON設計
一個(gè)ICON代表的是一個(gè)圖標、一個(gè)網(wǎng)頁(yè)、一個(gè)APP圖標,有些人說(shuō)ICON的設計原理是什么,風(fēng)格統一?那你就錯了,現在很多設計師都一味的追求ICON的一致風(fēng)格,這些獨特的風(fēng)格可以讓ICON在界面中脫穎而出,但是如果所有在ICON都這樣設計的話(huà)那就沒(méi)有什么意義了。
這是我自己設計的一套ICON做了有差不多一個(gè)星期吧,主題是雪人,因為現在是冬天所以就想到了雪人,做這個(gè)雪人的時(shí)候修改了好多次一開(kāi)始是黑色的后來(lái)感覺(jué)不是很對就改回白色了圖標的顏色一開(kāi)始也是黑色,但是黑色總是有點(diǎn)不合適,坑了好久看見(jiàn)別人用漸變色然后我也使用了一個(gè)藍紫的漸變色,經(jīng)過(guò)幾次修改才完成這一套ICON雖然不是很好,背景的風(fēng)格和顏色都不是很完美,腦子不夠用所以也就這樣了。不是很好看。
后臺網(wǎng)站設計
后臺網(wǎng)站設計要考慮風(fēng)格顏色,明確業(yè)務(wù)流程中要考慮你這個(gè)后臺是干什么的?用來(lái)輔助工作的還是企業(yè)內部人員使用,使用你后臺網(wǎng)站的人是什么角色?老板?管理員?員工?還是顧客?需要什么功能?權限問(wèn)題,用戶(hù)信息,用戶(hù)為什么要用你的網(wǎng)站,這樣一步一步的構思出來(lái)。
這是我自己設計的一個(gè)后臺網(wǎng)站,顏色很一般風(fēng)格也是一般,參考了百度上的一些后臺網(wǎng)站,主要是銷(xiāo)售電子產(chǎn)品,LOGO是我自己的排版的話(huà)應該還行吧不是很好的排版。還需要努力讓自己的風(fēng)格和顏色提高。
