扣丁學(xué)堂淺談UI設(shè)計初學(xué)者快速入門方法詳解
2018-01-09 13:03:30
1305瀏覽
在現(xiàn)如今,隨著互聯(lián)網(wǎng)科技飛速的發(fā)展和進步,比如UI設(shè)計師不單純從事美術(shù)繪畫,更需要對軟件使用者、使用環(huán)境、使用方式進行定位,并終為軟件用戶服務(wù)。UI設(shè)計師進行的是集科學(xué)性與藝術(shù)性于一身的設(shè)計,他們需要完成的,簡單說來,正是一個不斷為用戶設(shè)計視覺效果使之滿意的過程,那么下面我們一起來看一下關(guān)于UI設(shè)計初學(xué)者快速入門方法吧。
1、軟件基礎(chǔ)
如果說程序員一天中大部分時間都在碼代碼,那么設(shè)計師的時間都留給了Photoshop、Axure、AdobeIllustrator,涂涂修修確實是常態(tài),而這里,也是“美工”稱呼的發(fā)源地。嫻熟的技法,是完美展現(xiàn)設(shè)計作品的必備條件,作為UI設(shè)計師,也應(yīng)當熟練掌握這些常用軟件。稍低一點的要求,是至少能精通其中一款軟件,各種操作都已經(jīng)形成自然反應(yīng),其他軟件也能通個七八分。PS、AI、Skech、Ae、Axure等等。制作原型,界面,圖標制作,素材制作,切圖等等相關(guān)步驟的軟件都需學(xué)會。
2、圖標設(shè)計
UI最重要組建之一就是圖標,隨著扁平化設(shè)計的發(fā)展趨勢,越來越注重圖標的簡潔與寓意表達,平面圖標已占主導(dǎo)地位。
設(shè)計技法要點
這里舉例剪影圖標繪制方法技巧,3步驟可以搞定,看似又簡單又難,簡單的是只是繪制參照物輪廓,保留基礎(chǔ)識別性,步驟很少;難的是調(diào)整的過程與產(chǎn)品環(huán)境的融合性、易用性和你自己的創(chuàng)意想法。
說簡單點就是去繁擇簡并經(jīng)過思考改造過的設(shè)計過程。而最基本的最需要犀利眼神抓準的是造型的關(guān)鍵節(jié)點,雛形出來后再根據(jù)想法調(diào)整。
通常在繪制已有參照物的基礎(chǔ)上去設(shè)計一個圖標,可以根據(jù)你喜歡的造型參照物去進行分析,先抓取到參照物的關(guān)鍵節(jié)點,幾何繪制出來一個相似的基本圖形。
基礎(chǔ)雛形出來后就開始加入自己的想法調(diào)整線鋒,線條走向決定造型。這個時候就得要調(diào)多幾個版本了。設(shè)計師的處女座精細和糾結(jié)情結(jié)就在這里灑汗了,不斷調(diào)整對比,挑選出一個最優(yōu)再進行下一步。最后一步的塑形,就是畫龍點睛!造型的特點就在這一步去完成。
3、界面設(shè)計
有人以為,設(shè)計師只要去圖庫網(wǎng)站找一些素材,借助工具進行修飾即可,其實這只能鍛煉你的借鑒能力,當你的技法嫻熟到一定程度,就可以嘗試臨摹。通過臨摹,一則用來強化技法層面的能力,二來也能提升初學(xué)者的創(chuàng)新能力。
臨摹的內(nèi)容,可以有兩方面選擇:一種是系統(tǒng)自帶的圖標,比如MacOX、Windows,或者移動端iOS、Android的原生圖標,都是精心打磨過,既能幫助初學(xué)者了解平臺設(shè)計規(guī)則,又能在臨摹中逐漸鞏固常用軟件的技術(shù)。另一種則是行業(yè)牛人的設(shè)計作品,捉摸他們的設(shè)計風格、思想和細節(jié),都能加深對設(shè)計的認識。
4、交互設(shè)計
分不清交互和UI的人,可能一抓一大把,事實上,這還是有區(qū)別的。從一般意義上說,UI主要做的是圖形用戶界面,也可以稱為GUI設(shè)計師;交互設(shè)計主要做人機互動的界面,任何與機器打交道的過程,都需要交互設(shè)計師來參與。但坦白說,現(xiàn)在的App中,有多少操作能把UI和交互完全清楚地剝離開來呢?一個好的產(chǎn)品,需要美觀的界面和順滑的交互,也就需要設(shè)計師的這兩種能力相輔相成。尤其現(xiàn)在,設(shè)計趨向扁平化的時期,只要遵循設(shè)計規(guī)范,交互設(shè)計甚至能出了設(shè)計稿后直接給開發(fā)去實現(xiàn),單純UI設(shè)計的存在感日益弱化。
5、用戶產(chǎn)品
從前,除了設(shè)計界面的UI設(shè)計師之外,互聯(lián)網(wǎng)公司會專門設(shè)置專門的用戶研究中心來處理用戶體驗的種種問題,但如今多元的趨勢下,一個互聯(lián)網(wǎng)產(chǎn)品的視覺設(shè)計,需要懂一點產(chǎn)品、懂一點用戶體驗,才能更有效的推進合作流程,同時也會培養(yǎng)自己多元化的思維方式,用戶研究以縝密的邏輯發(fā)展,而UI設(shè)計則更加追求審美。
最后現(xiàn)階段互聯(lián)網(wǎng)的發(fā)展趨勢,UI設(shè)計必定會在互聯(lián)網(wǎng)行業(yè)中形成一個風頭,讓我們在接下來的這股趨勢中迎風而行,想要了解更多請關(guān)注扣丁學(xué)堂
UI培訓(xùn)官網(wǎng)、微信公眾號平臺,扣丁學(xué)堂
UI視頻教程從零基礎(chǔ)到精通免費試聽試學(xué),就業(yè)終端服務(wù)系統(tǒng)隨時監(jiān)控學(xué)員的學(xué)習情況和效果,順利畢業(yè)后根據(jù)學(xué)員自身風格和學(xué)習效果推薦就業(yè)。如果你想要學(xué)習UI設(shè)計師技術(shù)就不要再猶豫了,喜歡就付諸行動吧!對UI設(shè)計培訓(xùn)感興趣的朋友可以加入UI交互設(shè)計交流群:568096113。
【關(guān)注微信公眾號獲取更多學(xué)習資料】
查看更多關(guān)于“ui設(shè)計資訊”的相關(guān)文章>>
標簽:
UI設(shè)計視頻
UI培訓(xùn)UI設(shè)計師
UI視頻教程
UI在線教程