發(fā)布時間:2024-01-04 09:34:57 瀏覽量:149次
首先我還是要說明一下,“三個月玩轉(zhuǎn)UI設(shè)計”這個命題真的很大,其實三個月時間不長也不短。過往大量美術(shù)專業(yè)的學生能短時間玩轉(zhuǎn)UI設(shè)計,歸功于他們在高中、大學打下的扎實的專業(yè)基礎(chǔ)。而且美術(shù)是相通的,如果你是平面專業(yè)或工業(yè)設(shè)計專業(yè),的確非常好轉(zhuǎn)UI,因為這類同學已經(jīng)掌握了很多軟件技能和美術(shù)相關(guān)專業(yè)技能,只要加以練習就能轉(zhuǎn)做UI了。
然而如果你沒有美術(shù)相關(guān)專業(yè)背景,以及沒有軟件應(yīng)用技術(shù),那么你肯定要比專業(yè)出身的人付出得更多。但凡事都是有可能的,如果足夠努力,甚至運氣好點,你還能找到份UI設(shè)計的工作。我們先不說后面豐碩的成果,首先了解一下這三個月最大的障礙是什么。看看我們?nèi)绾我灰还テ?/p>
1. 貴在堅持
如果你把工作辭掉脫產(chǎn)學習,買一堆UI入門的書籍,最大的障礙依然是堅持。如果辭掉工作在家學習,可能被肥皂劇吸引,如當紅的《歡樂頌》,再堅持兩個月或者還有《瑯琊榜2》,又或者自己愛看《權(quán)力的游戲》,無處不在的誘惑充滿著你的生活。不只是戲劇就連刷朋友圈都會消耗你的時間,真正脫產(chǎn)三個月,扣除睡覺吃飯朋友聚會,剩下一個月的時間就很不錯了,所以這三個月里最大的敵人依然是自己,如何堅持才是關(guān)鍵。Deen不是心靈導(dǎo)師,也沒有好的方法,這里就省略幾百字……最后還是警惕一句“貴在堅持”。
2. 報班學習和買書自學的區(qū)別
有些朋友猶豫是不是報個班比較好,其實報班有報班的優(yōu)勢,Deen覺得其最大的優(yōu)勢是,至少上課的幾個小時綁定了一個學習場景,盡可能少地被干擾,而且還能隨時和同學或者老師探討問題,一般UI班是上午上課,下午做題,的確是快速進步的途徑之一。如果有條件,報班是一個很好的選擇。
但是報班并不是沒有缺點,記得在2000年的時候,網(wǎng)頁設(shè)計興起,Deen也報了個網(wǎng)頁設(shè)計班,但自己學習的狀態(tài)還不夠堅定,最后錢也花了,也沒學到什么東西,每次的出席變成任務(wù)。后面也參加過不少類似的美術(shù)班,Deen也吃過不少虧。
通過書籍學習也是一種方法和途徑,首先要選擇一本合適的教程,然后進行系統(tǒng)的學習,書本的內(nèi)容會更細膩,經(jīng)驗也會更多,但仍需要主動學習,像在大學一樣。通過書籍學習的缺點也很明顯,還是專注力的問題。學習書本時容易分散精神,浪費時間。
其實總結(jié)以上兩點,無論參加培訓(xùn)班還是購買書本自學,關(guān)鍵還是在于自己是否能專注。專注和堅持是學習UI最有效方法。
3. 給自己一個時間表
“雞湯”就不給大家喝了,還是來點實際的,那我們先制定目標“三個月玩轉(zhuǎn)UI設(shè)計”,接下來我們要把目標具象化,如下面的圖。
同時要給這些目標進行拆解,最后給這些目標訂立一個達成日期。有了明確的時間和目標后,我們就可以開始三個月的特訓(xùn)了。
4. 狂練布爾運算
Deen之前的文章已經(jīng)提及,在UI設(shè)計里,布爾運算是極為重要的技能。這個技能橫跨所有設(shè)計軟件,PS 、Ai、Sketch、Flash等主流設(shè)計軟件都需要運用布爾運算。使用布爾運算制作出圖形,再對圖形進行添加樣式就形成圖標了。
5. 樣式的使用技巧
樣式屬于UI設(shè)計里第二重要的功能,就算是Ai或者Sketch同樣離不開樣式。
第一梯隊功能(高頻使用)
第一梯隊的功能都是使用率最高的功能:描邊、漸變、投影。這三大功能也是唯一通吃全部設(shè)計軟件的功能,只要學會和熟練運用這三大功能,基本能把90%的圖標、界面效果做出來。所以大家要花時間在這三大功能里,趕緊用起來吧。
如何用這三大功能呢:
描邊看《UI功夫》P26
漸變看《UI功夫》P24
投影看《UI功夫》P26
描邊,多用于為界面、圖標、按鈕提高細節(jié)。近兩年APP的興起,追求輕和高效,出現(xiàn)了“幽靈按鈕”,就是沒有多余的樣式,只是有描邊的按鈕。
漸變,多用于界面、圖標、按鈕,大家看到這里會覺得它跟描邊是一致的,但漸變更多用于大的視覺效果,而描邊是細微的視覺效果。
投影,同樣是增加細節(jié)的效果,使用后能讓物體更突出層次感。
大家看了實例,也了解了三大樣式的作用,但要真正掌握這項技能,靠的還是不斷的練習或者在工作中的點滴積累。
第二梯隊功能(特定使用)
它們包括:斜面和浮雕、內(nèi)陰影、內(nèi)發(fā)光、顏色疊加、圖案疊加、外發(fā)光。
除了光澤以外,這些效果都只會用于寫實圖標、界面或者重質(zhì)感的按鈕。隨著扁平化風格的興起,這些功能用得越來越少了。當今,除了游戲UI需要重質(zhì)感和光特效,質(zhì)感和紋理不再是UI中的必要元素。
6. D級任務(wù)是日常練手的最好途徑
通過執(zhí)行D級任務(wù),可以讓自己快速提升。下面列舉幾個在《UI功夫》中常見的D級任務(wù),希望各位讀者也能舉一反三,發(fā)現(xiàn)書里面眾多的D級任務(wù)。UI設(shè)計的流程是固定的,但是由于每個同學的基礎(chǔ)不一,因此書中的第一頁或者靠前的篇幅未必真的這么“簡單”,里面存在很多學問。為什么要定義APP默認設(shè)計尺寸為1334x750?為什么PC軟件的分辨率要低于1280x768,里面有太多太多基礎(chǔ)問題了,后面Deen也會通過知乎專欄、微信公眾號向大家一一道來。
D級任務(wù)圖標
P30頁,TAP圖標制作
P31-P35,文件夾圖標制作
P118頁
D級任務(wù)界面
P67-P76
P124-P128
D級任務(wù)按鈕
P63-P64
P102
7. 養(yǎng)成“收藏家”的習慣
靈感不是憑空而來,以前有很多朋友會問我,怎么樣獲得靈感,那些高水平作品的靈感來源于哪里,其實這個沒有絕對的答案。一直以來高手的回答也很虛,很難進行量化。我跟隨高手多年以來,也偷偷記錄了他們的細節(jié)。
當然,每個公司都有不少高手存在,他們普遍都有自己的一個素材庫,就算是他們的原創(chuàng)作品,根源都離不開這個素材庫。素材庫里面集合了他們平時的收集,只要看到好的素材,他們就收集下來。當然,大部分高手已經(jīng)做到對于優(yōu)秀作品直接輸入了,再進行二次轉(zhuǎn)化,這些天才型設(shè)計師甚至不需要對庫反復(fù)看和研究,就可以直接輸出。
那我們開始建立自己的素材庫吧,就好比與火影忍者的召喚獸“文太”訂立契約一樣。把喜歡的設(shè)計分門別類地收藏起來,在早期,都是在硬盤上建立不同的文件夾以存放不同的素材,而今天Pinterest和花瓣的興起,選擇面就廣了,甚至部分設(shè)計師還會專門購買專業(yè)軟件來進行收藏。
Deen的Pinterest庫,
https://www.pinterest.com/fuDeen109/
8. 小配圖必修課
除了界面和圖標外,UI設(shè)計里還有第三大需求——運營需求。由于運營需求牽扯過于復(fù)雜,幾段話很難描述一個專業(yè)的設(shè)計類別。通常UI設(shè)計接觸最多的運營需求為“配圖需求”。這些配圖需求包括新手引導(dǎo)、新功能引導(dǎo)、提示配圖、宣傳推廣小廣告,還有很多很多很小很不起眼的東西,但這是UI設(shè)計師的必修課。大家可以看《UI功夫》P104-112,Deen用比較多的篇幅描寫了新手引導(dǎo)的制作。至于配圖,并沒有說明如何從頭腦風暴到實踐的全過程,這里建議各位朋友建立一個小廣告、小配圖的庫,當遇到該類需求的時候,這個庫就是你最好的設(shè)計資源了,所以靈感資料都可以在這里找到。
熱門資訊
1. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 10個免費學習UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學UI設(shè)計要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設(shè)...
9. 武漢UI設(shè)計培訓(xùn)班費用怎么樣?想學UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎?不知道學UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓(xùn)班的學費價格以及學習內(nèi)容。
10. 設(shè)計中的色彩心理學:淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
最新文章
同學您好!