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