Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
在ui設(shè)計越來越火,網(wǎng)上很多朋友在問ui設(shè)計要學(xué)什么?怎么學(xué)?關(guān)于ui設(shè)計的學(xué)習(xí),常常會聽到這么一些忠告“多看 多想 多做”,但作為新人更想知道咋看、咋想、咋做。
下面我總結(jié)了幾個學(xué)習(xí)ui設(shè)計的小技巧,希望對新人有所幫助。
學(xué)習(xí)ui設(shè)計的小技巧之一、軟件學(xué)習(xí)
ui設(shè)計要學(xué)的東西很多,軟件是基礎(chǔ)的東西,要想做好出好的ui設(shè)計就得先熟練掌握ui設(shè)計的基礎(chǔ)軟件,軟件方面有:PS、 AI、ID、Firework 、Dreamweaver、 HTML5、div+css等等(當然,這些課程天琥教育設(shè)計培訓(xùn)都有),不過對于新人,我認為還是一定要先把Photoshop學(xué)扎實。ui設(shè)計要學(xué)的都是比較高級的知識,學(xué)習(xí)起來也是需要花時間和精力的,所以呢,基礎(chǔ)軟件一定要先學(xué)扎實。
學(xué)習(xí)ui設(shè)計的小技巧之二、找靈感(咋看)
如何找靈感,也就是培養(yǎng)審美的能力,首先我們要知道什么好看,什么不好看。當我們排斥那些不好看的設(shè)計的時候,我們的品味就自然上升了。
再就是要知道去什么網(wǎng)站上看設(shè)計作品。看到不錯的設(shè)計要采集下來。說到這里,我給大家推薦一些不錯的網(wǎng)站。如:花瓣網(wǎng)、站酷、UI中國、Behance、APP截圖欣賞網(wǎng)等等……
那么,如何能快速找到靈感呢,當我們接到一個設(shè)計任務(wù)的時候,該如何去快速的執(zhí)行,快速找到靈感呢。
平時的素材采集和分類至關(guān)重要。一定要整理分好自己的素材文件夾。這對于一個設(shè)計來說,真的非常非常重要。
設(shè)計師的素材資源庫,就是自己的財富,只有自己整理出來的才有價值。關(guān)鍵是自己要記得東西放在哪里了,不要用的時候找不到了~也可以參考下我之前整理的設(shè)計素材資源庫
學(xué)習(xí)ui設(shè)計的小技巧之三、懂分析(咋想)
學(xué)會分析好的設(shè)計作品,主要從下面的幾個方面去分析:
1.是配色上吸引了我們的眼球 還是 版式設(shè)計吸引了我們的眼球?
2.細節(jié)處理的很有新意嗎?
3.背景烘托的很有檔次嗎?
4.為什么排版上看著很舒服?
然后再換位思考一下,如果是自己,自己會如何設(shè)計,設(shè)計手法和細節(jié)的處理會不會?創(chuàng)意想法上有沒有給帶來些什么靈感...
學(xué)習(xí)ui設(shè)計的小技巧之四、做筆記(咋做)
有沒有發(fā)現(xiàn)一個問題,我們每天都在看各種設(shè)計作品,真到自己做的時候,一下子全都忘記了,腦子短路了。之前看到那么多好的設(shè)計作品也都白看了,人家的還是人家的,跟自己一點關(guān)系也沒有。
所以我建議準備一個小本子,養(yǎng)成做筆記的習(xí)慣,堅持完成下面三點:
1. 看到了什么好設(shè)計畫一畫。
2. 想到了什么好點子,寫一寫。
3. 做會了什么或是想要學(xué)點什么,都記錄下來。
那么半年時間下來,小本子就寫的密密麻麻了,沒事拿出來翻翻看,學(xué)習(xí)的時候積累的心得,精益求精。
以上就是學(xué)習(xí)ui設(shè)計的小技巧了,只要用心認真學(xué)習(xí),我相信一定可以成為一名優(yōu)秀的ui設(shè)計師。
想學(xué)習(xí)UI設(shè)計加群587751709
在猶豫要不要學(xué)設(shè)計?60秒測試自己適不適合學(xué)設(shè)計:
http://www.tianhusj.com/list-93-1.html?wm=tt_llm_uitg
————————————————————————————————————
一、軟件學(xué)習(xí)
ui設(shè)計要學(xué)的東西很多,軟件是基礎(chǔ)的東西,要想做好出好的ui設(shè)計就得先熟練掌握ui設(shè)計的基礎(chǔ)軟件,軟件方面有:PS、AI、ID、Firework、Dreamweaver、HTML5、div+css等等。
不過對于新人,我認為還是一定要先把Photoshop學(xué)扎實。Ui設(shè)計要學(xué)的都是比較高級的知識,學(xué)習(xí)起來也是需要花時間和精力的,所以呢,基礎(chǔ)軟件一定要先學(xué)扎實。
二、看書
看書看什么書?你可以先去看《破繭成碟—用戶體驗設(shè)計師之路》了解整個交互的工作流程。然后看看《點石成金》《簡約至上》《用戶體驗要素》《設(shè)計師要懂的心理學(xué)》等等,先樹立起做交互基礎(chǔ)思維。
三、找靈感
如何找靈感,也就是培養(yǎng)審美的能力,首先我們要知道什么好看,什么不好看。當我們排斥那些不好看的設(shè)計的時候,我們的品味就自然上升了。
再就是要知道去什么網(wǎng)站上看設(shè)計作品。看到不錯的設(shè)計要采集下來。說到這里,我給大家推薦一些不錯的網(wǎng)站。如:UI中國、花瓣網(wǎng)、站酷、Behance、APP截圖等等……
那么,當我們接到一個設(shè)計任務(wù)的時候,該如何去快速的執(zhí)行,快速找到靈感呢?——平時的素材采集和分類至關(guān)重要。一定要整理分好自己的素材文件夾。
四、懂分析
學(xué)會分析好的設(shè)計作品,主要從下面的幾個方面去分析:
1.是配色上吸引了我們的眼球還是版式設(shè)計吸引了我們的眼球?
2.細節(jié)處理的很有新意嗎?
3.背景烘托的很有檔次嗎?
4.為什么排版上看著很舒服?
然后再換位思考一下,如果是自己,自己會如何設(shè)計,設(shè)計手法和細節(jié)的處理會不會?創(chuàng)意想法上有沒有給帶來些什么靈感.
五、玩app
準備兩部不同平臺的手機,Android和ios,助你了解Android平臺和ios平臺設(shè)計規(guī)范的不同。你可以多下載一些蘋果商店推薦的app,各個類型的都下載幾個來玩玩,研究別人app上各個功能信息構(gòu)架。如知乎上添加回答頁面中,為什么鍵盤頂上的條欄要放置那幾個小功能?再如淘寶購物流程,為什么點擊提交訂單后直接彈出支付密碼輸入框?一定要帶著腦子去看和玩app。而且新手要經(jīng)???,一有空就研究。主要研究:流程設(shè)計原因、信息架構(gòu)、各個控件的交互樣式。當然推薦你們動手用ps臨摹電商的詳情頁,和列表頁布局,看看人家是怎么做的。臨摹的時候?qū)㈨撁媾珊诎祝菀琢私鈇pp的層級結(jié)構(gòu)。
六、做筆記
有沒有發(fā)現(xiàn)一個問題,我們每天都在看各種設(shè)計作品,真到自己做的時候,一下子全都忘記了,腦子短路了。之前看到那么多好的設(shè)計作品也都白看了,人家的還是人家的,跟自己一點關(guān)系也沒有。
所以我建議準備一個小本子,養(yǎng)成做筆記的習(xí)慣,堅持完成下面三點:
1. 看到了什么好設(shè)計畫一畫。
2. 想到了什么好點子,寫一寫。
3. 做會了什么或是想要學(xué)點什么,都記錄下來。
那么半年時間下來,小本子就寫的密密麻麻了,沒事拿出來翻翻看,學(xué)習(xí)的時候積累的心得,精益求精。
個世紀90年代以來,隨著科技的創(chuàng)新,互聯(lián)網(wǎng)獲得飛速的發(fā)展,互聯(lián)網(wǎng)同傳統(tǒng)產(chǎn)業(yè)的深度融合,數(shù)字技術(shù)對傳統(tǒng)制造的滲透改造,互聯(lián)網(wǎng)營造的虛擬世界,不斷浸侵人們的生活,不遺余力的改變著人們的信息獲取方式、生活模式和工作形式。網(wǎng)頁設(shè)計與制作崗位,對于營造豐富多彩的網(wǎng)絡(luò)環(huán)境作出了卓越的貢獻。
近年來,隨著移動互聯(lián)網(wǎng)的飛速發(fā)展,HTML5的地位迅速提升。移動設(shè)備有其特殊的開發(fā)要求,原有的網(wǎng)頁設(shè)計與制作,早已無法滿足開發(fā)的需要。
曾經(jīng)風(fēng)靡互聯(lián)網(wǎng)的網(wǎng)頁設(shè)計與制作真的即將走向發(fā)展的盡頭了嗎?筆者了解到翡翠科技已經(jīng)開設(shè)了HTML5實訓(xùn)班,專向培養(yǎng)HTML5人才,在對翡翠科技實訓(xùn)班負責(zé)人的采訪中,網(wǎng)頁設(shè)計與制作慘遭淘汰的內(nèi)核所在。
一方面,在崗位職能設(shè)置上原有的網(wǎng)頁設(shè)計與制作,主要針對PC平臺,進行網(wǎng)頁網(wǎng)站的設(shè)計與制作,相對會涉及一部分設(shè)計工作,并將美工圖實現(xiàn)成網(wǎng)頁。這是兩個完全不同的領(lǐng)域,一個由美感主導(dǎo),另一個則需要邏輯思維主導(dǎo)。對于開發(fā)人員來說,如果將寶貴的精力分散到兩個不同的行業(yè)中,最后通常兩方面都是半斤八兩,沒有實質(zhì)的競爭力。
另一方面,從技術(shù)層面上網(wǎng)頁設(shè)計與制作,這一職業(yè)中的制作,指的是網(wǎng)頁的結(jié)構(gòu)與樣式(即HTML+CSS),而當前網(wǎng)站中JavaScript已經(jīng)占據(jù)了極大的比重,如果還停留在原有的結(jié)構(gòu)和樣式中,發(fā)展空間會變得很小;網(wǎng)頁設(shè)計與制作當中的結(jié)構(gòu)實現(xiàn),通常采用的是table布局;而WEB前端開發(fā)工程師、HTML5當中結(jié)構(gòu)的實現(xiàn),采用的是DIV+CSS方式的布局,因此,Dreamweaver工具的使用也就沒有什么必要性了,取而代之的是內(nèi)存占用小,開發(fā)速度快的文本類編輯器。而Flash,在與HTML5的大戰(zhàn)當中戰(zhàn)敗,當前已經(jīng)退出了移動端以及電視平臺的市場爭奪,在PC平臺也越來越少。
HTML5(http://www.bjstudents.com/H5.html)是現(xiàn)在WEB和移動端最時髦的話題,它是W3C的標準,也是大勢所在。當網(wǎng)頁設(shè)計與制作的風(fēng)采已經(jīng)隨著移動互聯(lián)網(wǎng)的興起而暗淡,緊握時代脈搏,抒寫職場新篇章,與時俱進的設(shè)計師必將在未來立于不敗之地。
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。