亚洲一区有码在线观看,欧美日韩亚洲国产主播第一区,国产欧亚州美日韩综合区,brazzers欧美丰满,在线丝袜欧美日韩制服,日韩精品视频免费在线看,国产精品网曝门免费视频,国99精品无码一区二区三区,亚洲专区路线一路线二天美,中文人妻熟妇精品麻豆

您的位置:首頁 > 數(shù)字影視

Dribbble 反映出來的10個(gè)設(shè)計(jì)趨勢(shì)

發(fā)布時(shí)間:2019-01-02      閱讀量:38810次     

  個(gè)人都在關(guān)注趨勢(shì)。Dribbble是設(shè)計(jì)師的集散地,也是設(shè)計(jì)趨勢(shì)最容易體現(xiàn)的地方。如果你經(jīng)常關(guān)注Dribbble上的那些設(shè)計(jì)作品,你總會(huì)注意到許多有意思的共性,在更長的時(shí)間尺度上關(guān)注這些共性,會(huì)發(fā)現(xiàn)其中不少會(huì)延伸到更大的設(shè)計(jì)領(lǐng)域和范疇,其中很多會(huì)以趨勢(shì)的形式成為階段性甚至長期的設(shè)計(jì)趨勢(shì)。這些流行的趨勢(shì)有的關(guān)乎技法,有的則是色彩、風(fēng)格,甚至是某種隱喻。
  當(dāng)然,不論如何,作為設(shè)計(jì)師,這些趨勢(shì)的價(jià)值是毋庸置疑的,關(guān)注它們,以開放的心態(tài)面對(duì)著,也許它們會(huì)在下一個(gè)階段在我們自己的設(shè)計(jì)作品中開花結(jié)果。
  1、非標(biāo)準(zhǔn)比例的人物形象
  以人為核心的自定義插畫是這兩年來,最顯著的設(shè)計(jì)趨勢(shì)之一。這種插畫展現(xiàn)形式能夠快速呈現(xiàn)想要呈現(xiàn)的環(huán)境、流程,更重要的是創(chuàng)造情感訴求。標(biāo)準(zhǔn)而寫實(shí)的人物形象在大量的設(shè)計(jì)訴求之下,顯得平庸而不夠突出,這也使得走樣但是富有張力的非標(biāo)準(zhǔn)人物身材比例顯得更加出彩,這也是為什么近年來我們能夠如此頻繁地看到諸多非標(biāo)準(zhǔn)的人物插畫。
  1.jpg
  這幅插畫來自icons8。巨大的鞋子,不成比例的巨手,水壺纖細(xì)的握柄和壺頸,強(qiáng)烈的對(duì)比顯得頗具張力。
  2.png
  Diana Stoyanova的插畫呈現(xiàn)了一個(gè)忙碌女性的形象,非標(biāo)準(zhǔn)的身材略顯抽象,但是很有力量。
  3.png
  Diana Stoyanova的這幅插畫作品用夸張巨大的人物形象來強(qiáng)調(diào)你比手機(jī)更大,更重要。
  4.gif
  而Radio的這幅插畫則使用走樣的身材營造出有趣而可愛的形象,讓交互更加有意思。
  2、提供輔助信息的界面插畫
  時(shí)至今日,插畫在UI中已經(jīng)不再鮮見。自定義的插畫早就不是裝飾性的設(shè)計(jì),它讓UI界面更加具有視覺吸引力,和情感表達(dá)的能力。更重要的是,它是功能性的,它為界面的功能和信息提供支撐,以「互文」的方式來告知用戶界面想要呈現(xiàn)的功能,畢竟圖片和插畫所呈現(xiàn)的視覺信息比文字更快。
  5.png
  這個(gè)界面也是icons8團(tuán)隊(duì)制作的。輔助性的插畫讓報(bào)錯(cuò)信息也顯得足夠明亮而正能量,讓用戶不會(huì)覺得難受。
  6.png
  這組作品同樣來自icons8,這次的風(fēng)格不同,并且是為移動(dòng)端新用戶引導(dǎo)而設(shè)計(jì)的。引人矚目的插畫將文字描述的優(yōu)勢(shì)更加具象化地表現(xiàn)出來。
  7.png
  Netguru的報(bào)錯(cuò)頁面顯得非常純粹也非常可愛。
  8.gif
  Hoang Nguyen所設(shè)計(jì)的這個(gè)插畫甚至是交互式的,它的靈感來源于一款經(jīng)典的滑塊游戲,動(dòng)效模擬了這個(gè)效果。
  3、動(dòng)態(tài)的LOGO和圖形
  動(dòng)畫效果是強(qiáng)化視覺的重要手段。在以往,視覺和圖形化元素絕大多數(shù)都是靜態(tài)的,但是現(xiàn)在為了更加積極地迎合用戶體驗(yàn),動(dòng)態(tài)的設(shè)計(jì)已經(jīng)成為常規(guī),許多動(dòng)效所帶來的效果是靜態(tài)設(shè)計(jì)所無法呈現(xiàn)的,在情緒和氛圍上的營造也更加強(qiáng)大。動(dòng)效不僅能夠讓產(chǎn)品在視覺上更加吸引人,而且能夠向用戶呈現(xiàn)出產(chǎn)品的品質(zhì)感。此外,你還能夠在網(wǎng)站、通知、教程和交互流程等地方找到動(dòng)效。這也是為何Dribbble的設(shè)計(jì)作品中,有如此之多的動(dòng)態(tài)的圖形化元素。
  9.gif
  Motion Design School的這個(gè)動(dòng)態(tài)LOGO借用了負(fù)空間的設(shè)計(jì)方法,主體則采用了狗的形象,動(dòng)態(tài)呈現(xiàn)下極為可愛生動(dòng)。
  10.gif
  Awsmd則更有意思,將水母的運(yùn)動(dòng)方式賦予了花朵,良好的生命體在體態(tài)上貫穿一致,有著獨(dú)一無二的視覺表現(xiàn)力。
  11.gif
  Markus Magnusson將一組風(fēng)格一致情節(jié)連貫的插畫動(dòng)態(tài)地連接到了一起,讓LOGO具備了強(qiáng)大的敘事能力。
  12.gif
  Yup Nguyen的動(dòng)畫則不僅時(shí)尚,而且非常有趣,讓人感到愉悅,而忘記等待的煩惱。
  4、工作流程和工作區(qū)主題插畫
  Dribbble上最受歡迎的數(shù)字插畫主題之一,就是各種工作流程和場景。插畫和平面設(shè)計(jì)師熱衷于相對(duì)藝術(shù)地呈現(xiàn)設(shè)計(jì)工作的流程,團(tuán)隊(duì)的協(xié)作,創(chuàng)意的發(fā)散過程,溝通的狀態(tài),工作空間的呈現(xiàn)。它流行的另一原因,是這種內(nèi)容的插畫在著陸頁和博客文章頁面中非常適用,且非常流行。
  13.jpg
  Tubik Studio的這幅插畫展現(xiàn)了設(shè)計(jì)師的工作空間,整個(gè)視角似乎是在廣角相機(jī)下被扭曲了,非常有趣。
  14.png
  來自Walid Beno的這個(gè)插畫則呈現(xiàn)的是團(tuán)隊(duì)協(xié)作的場景,巨大的UI界面顯得頗為夸張,不過主題性也是借此才得以體現(xiàn)和強(qiáng)化。
  15.gif
  Pitch的這幅插畫同樣呈現(xiàn)的是團(tuán)隊(duì)協(xié)作的場景,不過加入的動(dòng)效非常微妙,將協(xié)作的趨勢(shì)和狀態(tài)給放大了出來,視覺上更加動(dòng)感,且足夠時(shí)尚。
  16.png
  Ted Kulakevich的插畫中描摹的是一個(gè)正在工作,喝著咖啡的角色形象,和日常的設(shè)計(jì)和創(chuàng)意工作者的狀態(tài)非常接近,令人賞心悅目的色彩則讓整個(gè)狀態(tài)令觀者非常舒適。
  17.png
  如果你的工作狀態(tài)也是如此的忙碌,那么你應(yīng)該能夠從icons8的這幅插畫中找到共鳴。插畫中被工作內(nèi)容所包圍的狀態(tài)不就是你嘛?
  5、有趣的吉祥物和奇妙的生物
  設(shè)計(jì)是一個(gè)需要想象力的工作。有趣的小怪獸,奇妙的機(jī)器人,經(jīng)典或者原創(chuàng)的卡通人物,只存在于傳說和想象中的生物,從來都不會(huì)在Dribbble上缺席。品牌吉祥物的設(shè)計(jì)在這種趨勢(shì)下越來越具有明顯的情感表現(xiàn)力,而卡通化的角色形象很大程度上會(huì)利用人們對(duì)于特定動(dòng)物或者特定形象的情感關(guān)聯(lián),人格化、角色化之后的吉祥物,能夠讓用戶產(chǎn)生在和它進(jìn)行情感交流的錯(cuò)覺。
  18.jpg
  設(shè)計(jì)師Mike的網(wǎng)頁設(shè)計(jì)作品當(dāng)中,有趣的卡通形象作為視覺主體,讓產(chǎn)品、用戶更快和頁面產(chǎn)生視覺連接。
  19.jpg
  和Mike的設(shè)計(jì)目標(biāo)不同的是,Alexandra Zutto的插畫是借助機(jī)器人的形象來呈現(xiàn)未來主義的氛圍。
  20.gif
  Motion Design School使用可愛的動(dòng)態(tài)插畫來強(qiáng)化品牌的展示。
  21.png
  這組來自icons8的插畫所營造的是一個(gè)典型的結(jié)帳場景。真正特別的地方在于角色的設(shè)定,人和機(jī)器人之間的交互,營造出科幻的氛圍。
  22.png
  Ramothion靈活的運(yùn)用狐貍這個(gè)吉祥物形象,結(jié)合UI元素,表達(dá)了「演示」的主題。
  23.png
  icons8的這幅插畫則利用了噪點(diǎn)來賦予角色以一種帶有藝術(shù)感的氣息。
  6、各式各樣的運(yùn)動(dòng)狀態(tài)
  運(yùn)動(dòng)就是生命。對(duì)于設(shè)計(jì)師和插畫師而言,最有張力的東西大概都藏在運(yùn)動(dòng)將要開始的時(shí)候,藏而未發(fā)的一瞬間,或者運(yùn)動(dòng)過程中,姿態(tài)舒展的某一秒。體育運(yùn)動(dòng)中往往能夠更快找到這樣的狀態(tài),不過其他的主題之下,也存在類似的運(yùn)動(dòng)狀態(tài)。這樣的運(yùn)動(dòng)狀態(tài)充滿了表現(xiàn)力,設(shè)計(jì)師和插畫師們常常會(huì)借助色彩、圖形、曲線等元素來構(gòu)建這樣的設(shè)計(jì)作品。
  24.png
  Unfold的插畫呈現(xiàn)的是沖過終點(diǎn)的運(yùn)動(dòng)員,主題暗示出了成功、成就,明亮的色彩和舒展的姿態(tài)在整體上保持了一致,藝術(shù)性也不低。
  25.png
  同樣是呈現(xiàn)的跑步,但是Jack Daly所表現(xiàn)的是即將開始的運(yùn)動(dòng),蓄勢(shì)待發(fā)的一瞬間的狀態(tài)。這幅插畫是給InVision所設(shè)計(jì)的,主題是設(shè)計(jì)沖刺,而這幅插畫非常貼合這一隱喻。
  26.png
  Walid Beno的插畫所呈現(xiàn)的場景非常獨(dú)特,現(xiàn)實(shí)的路徑和虛擬的景象連在一起,人物仿佛騎行在現(xiàn)在與未來之間。
  27.jpg
  這幅來自Tubik的插畫則將運(yùn)動(dòng)的場景和手機(jī)融于一個(gè)場景當(dāng)中,整個(gè)構(gòu)圖非常動(dòng)態(tài)。
  7、陰影和負(fù)空間
  平面設(shè)計(jì)另外一個(gè)重要的趨勢(shì),就是使用盡可能具有表現(xiàn)力的插畫設(shè)計(jì),利用陰影和負(fù)空間來創(chuàng)造戲劇感和視覺影響力,就像Vogue的御用設(shè)計(jì)師Malika Favre的插畫作品那樣。
  有限的色彩,引人矚目的色彩對(duì)比,光影之間的互相成就,大膽而有意義的細(xì)節(jié)。如果你稍微有意識(shí)地去看,會(huì)發(fā)現(xiàn)每天都有設(shè)計(jì)師在Dribbble上發(fā)布這樣風(fēng)格的作品。
  28.jpg
  比如Ksenia Shokorova的這幅插畫就很好地呈現(xiàn)出夏天的炎熱和慵懶的夏日氣氛,以富有表現(xiàn)力的人物輪廓作為構(gòu)圖的中心,甲板和水面構(gòu)成鮮明的對(duì)比,色彩不多但是令人印象深刻。
  29.jpg
  Joanna Lawniszak的插畫則使用強(qiáng)烈的光影,讓一個(gè)簡單的桌面變得具有明顯的舞臺(tái)效果,相當(dāng)大氣。
  30.jpg
  Yoga Perdana的這個(gè)LOGO設(shè)計(jì)作品利用的是負(fù)空間,讓文字當(dāng)中融入了一個(gè)非常清晰的貓的形象,并且還呈現(xiàn)出貓?jiān)谖淖种g穿插的效果。
  31.png
  這個(gè)名為Mr.Travel的LOGO設(shè)計(jì)作品來自設(shè)計(jì)師Yuri Kartashov,他將男人的面部和山脈的形象結(jié)合到了一起。
  32.gif
  Dmitry Stolz的設(shè)計(jì)項(xiàng)目Fetch My Meds中使用了兩個(gè)可愛的動(dòng)物角色,微妙的動(dòng)畫和明確的對(duì)比使得兩個(gè)角色顯得活潑而有趣。
  8、3D圖形
  3D無疑是現(xiàn)在Dribbble上最熱門的趨勢(shì)。大家用3D建模來做各種各樣的東西,無論是等軸測的插畫還是游戲角色,還是以往大家會(huì)用PS來繪制的光影,現(xiàn)在一并使用3D建模和渲染來實(shí)現(xiàn)了。
  33.gif
  Ueno這個(gè)引人入勝的動(dòng)畫效果就是在3D渲染的基礎(chǔ)上實(shí)現(xiàn)的,有趣的元素構(gòu)建成的場景讓人愛不釋手,而這居然是一個(gè)招聘廣告?有意思。
  34.jpg
  Tubik Studio的這個(gè)首圖中的插畫形象,同樣是使用3D建模來實(shí)現(xiàn)的,這樣的角色形象很容易讓人聯(lián)想到動(dòng)漫和游戲,結(jié)合風(fēng)格類似的CTA元素,可以極強(qiáng)地影響用戶的注意力。
  35.jpg
  這是設(shè)計(jì)師Mohamed Chahin精心設(shè)計(jì)的等軸測插畫,柔和的色調(diào)和模糊的光影讓家的氛圍得到了強(qiáng)化。
  9、關(guān)于UI界面的插畫
  隨著精通插畫的設(shè)計(jì)師越來越多,插畫開始深入到設(shè)計(jì)的方方面面,包括在Web和UI界面當(dāng)中的字體、圖形甚至整個(gè)氛圍和環(huán)境。由于注意力的競爭如此的激烈,以往原本只需要普通圖片就能做到的事情,現(xiàn)在需要借助插畫來做到。
  36.gif
  在Dropbox Design的這篇?jiǎng)?chuàng)意相關(guān)的文章當(dāng)中,包含有一些這樣帶有粗野主義風(fēng)格的插畫。也許你并不是那么青睞這種風(fēng)格的插畫,但是即便如此,你也不會(huì)繞過這幅插畫只單純?yōu)g覽文字。
  37.jpg
  這是一幅關(guān)于醫(yī)生和專業(yè)交互界面的插畫,作者是設(shè)計(jì)師Alexander Savic,插畫會(huì)將人迅速帶進(jìn)醫(yī)療保健相關(guān)的領(lǐng)域。
  38.jpg
  這幅插畫來自設(shè)計(jì)工作室Fireart Studio,它暗示了約會(huì)APP背后的真實(shí)和潛藏的精彩,讓人主動(dòng)追求屬于自己的愛情。
  39.png
  Dmitry Stolz的插畫則呈現(xiàn)了移動(dòng)端APP上的交互,做決策的關(guān)鍵時(shí)刻。
  10、多層次剪切效果插畫
  最后一個(gè)值得一提的趨勢(shì),則是類似剪紙一樣的多層剪切視覺效果插畫。這種設(shè)計(jì)效果讓插畫具備了豐富的層次,顯得深沉而原創(chuàng),帶有更強(qiáng)的物理工藝質(zhì)感和難以磨滅的印象。
  40.png
  Eddie Lobanovskiy的插畫就是使用這樣的效果,主題關(guān)于太空,這種多層剪切效果讓太空顯得更為深邃。
  41.jpg
  Michael Fugoso的設(shè)計(jì)作品,他將這種插畫定義為具有深度幻覺的平面數(shù)字插畫。
  如果這種插畫風(fēng)格和卷軸效果結(jié)合起來,就更加強(qiáng)大了。
  42.gif
  Studio V?R的多層次剪切插畫在交互中次第呈現(xiàn),各個(gè)部分之間相互影響并關(guān)聯(lián)著。
  43.gif
  這是Anano Miminoshvili所創(chuàng)建的一個(gè)網(wǎng)頁滾動(dòng)交互的案例,隨著用戶不斷滾動(dòng),不同的層級(jí)的元素次第運(yùn)動(dòng),一個(gè)接著一個(gè)被激活。
  結(jié)語
  毫無疑問,Dribbble本身正在逐步成熟,越來越多的設(shè)計(jì)作品中,開始融入更為明顯的藝術(shù)特征,設(shè)計(jì)的層次和力量感比以往更強(qiáng)了。作為設(shè)計(jì)師發(fā)布各種小樣、練習(xí)的Dribbble,本身也作為設(shè)計(jì)領(lǐng)域的試驗(yàn)田而存在,很多設(shè)計(jì)趨勢(shì)在這個(gè)平臺(tái)上醞釀,成熟,并且逐漸走向世界。

日本免费人成视频在线观看| 日韩av毛片福利国产福利| 国产黄色精品高潮播放| 国产精品一区二区久久精品蜜臀| 日日噜噜夜夜爽爽| 不卡高清av手机在线观看| 女性高爱潮视频| 国产成人v片视频在线观看| 精品97国产免费人成视频| 国产精品99久久国产小草| 樱花草视频www日本韩国| 亚洲精品网站在线观看你懂的| 91在线激情在线观看| 一本大道无码日韩精品影视丶| 波多野结衣视频网站| 国产亚洲欧洲AⅤ综合一区| 在线精品国产中文字幕| 国产精品%20高清%20尿%20小便%20嘘嘘| 52熟女露脸国语对白视频| 国产99在线 | 免费| 国产精品亚洲综合色区丝瓜| 给我免费观看片在线| 久久久久久久一线毛片| 国产一区二区日韩在线| 久爱www人成免费网站| 熟女乱| 中文字幕mv在线观看| 快穿名器高h喷水荡肉爽文| 久久婷婷五月综合色和| 免费国产一级 片内射老| 5555国产在线观看| 精品人妻少妇一区二区三区 | 她也色tayese在线视频| 婷婷久久香蕉五月综合加勒比 | 97porm国内自拍视频| 久久WWW免费人成一看片| 在线丝袜欧美日韩制服| 久久综合精品国产一区二区三区无| 色吊丝一区二区中文字幕| 中国chinese男男gay网站| 中文字幕欧美一区二区三区|