UI--界面練習(xí)匯總

每到年末,都會看到大家開始瘋狂的展開對上一年的總結(jié)和對下一年工作和生活的展望,一片積極祥和的氣氛。每當(dāng)這個時候,我都覺的自己有點(diǎn)不合時宜,是年齡大了不合群了,還是溫水煮青蛙的節(jié)奏把自己煮成了一鍋溫水。還是有必要總結(jié)一下,理清思路,以便更好的前進(jìn)。

界面練習(xí)一(臨?。?/h6>
iphone5_download_app_page.jpg

一直在尋找第一幅UI(Pad)界面練習(xí),如果沒錯的話應(yīng)該是這一幅,在去年的九月底完成。已經(jīng)有點(diǎn)像那么回事了。

界面練習(xí)二(臨摹)
perchase_app_display.jpg

這是一幅電商網(wǎng)站的導(dǎo)購和登錄頁面,還不能算是完整意義的臨摹,其實(shí)是在站酷上找的教程 ,一步一步跟著做下來的。很感謝網(wǎng)上的這些分享經(jīng)驗(yàn)的同學(xué),讓我受益匪淺。

練習(xí)的重點(diǎn):UI的構(gòu)成要素,以及各要素間的排列、組合、對齊。

界面練習(xí)三(臨摹
self_main_page.jpg

緊接著的第二幅練習(xí)奉獻(xiàn)給了我一直喜歡了若干年的喬妹,這才是真正意義的手機(jī)UI練習(xí),教程也出自同一位同學(xué)的分享,感謝。

練習(xí)重點(diǎn):主要是元素的組合、色彩搭配(漸變色的運(yùn)用),需要不斷的找感覺。

界面練習(xí)四(臨?。?/h5>
travel_app copy.jpg

好像著了魔一樣,這個是另一幅,根據(jù)15年最火的APP足跡臨摹得來的,里面也有一點(diǎn)點(diǎn)自己的改進(jìn)。到實(shí)際的應(yīng)用中其實(shí)考驗(yàn)的就不單單是美術(shù)功底和軟件使用技術(shù)了,其中交互方面的東西就顯得更重要些了,怎么樣好用,怎么樣設(shè)計讓用戶用起來舒適、自然、流暢,是更需要考慮的問題。

界面練習(xí)五(臨摹)
chat_app.jpg

這其實(shí)算是一個demo,真正的APP做不到這么有層次感,效果這么的抓人眼球。因?yàn)锳PP主要是以內(nèi)容為主,形式要服務(wù)于內(nèi)容。這些漂亮的界面,在dribbble這樣的網(wǎng)站隨處可見,好看的不一定都是實(shí)用的。

界面練習(xí)六(臨摹)
movie_app copy.jpg

這也是一幅練習(xí)作品,很炫,很抓人眼球。

界面練習(xí)七(臨摹)
weather.jpg
1.jpg
2.jpg
3.jpg

這一幅作品在我看來,已經(jīng)達(dá)到了當(dāng)時我能夠欣賞的巔峰了,????......
它已經(jīng)足夠給我營造出一種意境讓我能猜測到內(nèi)容的相關(guān)性,整個的設(shè)計渾然一體,精致的像一件藝術(shù)品。

花了一晚上時間臨摹下來的,很喜歡,創(chuàng)作者一定是有很深厚的藝術(shù)功底的。

這些作品是16年9月底和10月份臨摹的一些UI界面練習(xí),總的思考和總結(jié)是:UI已經(jīng)不是傳統(tǒng)意義上的設(shè)計了,它更偏向于交互和用戶體驗(yàn),更加趨于理性而不是感性,需要更多用戶交互層面上的理論知識和用戶心理學(xué)的理論知識作指導(dǎo),更趨于工程化系統(tǒng)化,也同樣遵循互聯(lián)網(wǎng)開發(fā)過程中的迭代演進(jìn)??傊娙室娭牵磦€人的喜好了,不過這個崗位的薪水確實(shí)是蠻誘人的,喜歡的同學(xué)要加油哦。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容