成都網(wǎng)頁(yè)開(kāi)發(fā)之插圖設(shè)計(jì)

2022-07-09    分類: 網(wǎng)站建設(shè)

成都網(wǎng)頁(yè)開(kāi)發(fā)找展為  13518219792
我們一直在尋找網(wǎng)頁(yè)設(shè)計(jì)中的下一件大事。而現(xiàn)在,數(shù)字設(shè)計(jì)最嶄露分的元素之一就是必須要說(shuō)明的。

乍一看,它可能會(huì)讓人覺(jué)得數(shù)字設(shè)計(jì)師對(duì)于印刷中如此堅(jiān)定的媒體的迷戀有些矛盾。但是,當(dāng)我們?cè)?018年的19個(gè)網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)中提到時(shí),插圖為設(shè)計(jì)師提供了超過(guò)“傳統(tǒng)”照片和用戶界面模型/屏幕截圖的眾多優(yōu)勢(shì)。

首先,當(dāng)您討論在單張照片??中無(wú)法輕易捕獲的更抽象的概念時(shí),插圖可以非常有用。而且他們需要更少的后勤工作,而不是設(shè)置拍攝照片 - 并且感覺(jué)比從網(wǎng)上抓取一些照片更加自定義。他們還回避了照片可以引入的代表性問(wèn)題,我們將在本文稍后討論。

所以沒(méi)有進(jìn)一步的序言,讓我們來(lái)看看這些趨勢(shì)吧!

1.照片拼貼有助于打造令人難忘的品牌

我有一點(diǎn)設(shè)計(jì)挑戰(zhàn):

你:雄心勃勃的年輕品牌設(shè)計(jì)師。

您的品牌:分享長(zhǎng)篇寫作的流行平臺(tái),包括文學(xué),創(chuàng)業(yè)宣傳家,游擊新聞,個(gè)人散文,“為什么我要離開(kāi)硅谷熱門”等等。哦 - 你的圖像基本上會(huì)被網(wǎng)站上所有用戶生成的內(nèi)容所淹沒(méi)。所以無(wú)論你創(chuàng)造什么都必須有影響力。

你的解決方案:......?

對(duì)于Medium的人來(lái)說(shuō),解決方案似乎是:照片拼貼!這種風(fēng)格本身就是一種美麗的契合,因?yàn)殚L(zhǎng)期以來(lái)與周到的社論相關(guān)聯(lián)。

采用這種登錄模式,在您坐下來(lái)寫作時(shí),拼貼照片和一個(gè)手繪漩渦可以在腦海中捕捉到一些想法。


或者這些小側(cè)邊欄“英雄”圖片:




顯示,而不是說(shuō)

他們甚至設(shè)法使用照片拼貼來(lái)告訴你平臺(tái)本身,例如在這個(gè)GIF中,它告訴你掌聲互動(dòng)如何與付款模式相關(guān):


Intercom是一個(gè)以其內(nèi)容質(zhì)量而聞名的品牌,也在其博客上使用照片拼貼。在這里,加入特邀嘉賓的爆頭:


2. UI與IRL的交集


Slack閃亮的新主頁(yè)英雄插圖顯示了人員與超常生活的Slack UI交互。這款產(chǎn)品以友好,人性化的方式呈現(xiàn) - Slack品牌的一個(gè)關(guān)鍵元素,在其巧妙的復(fù)制品中最為明顯。

并且這樣做沒(méi)有捕獲不必要的特定(并且,讓我們面對(duì)它,有點(diǎn)無(wú)聊)截圖或默認(rèn)為經(jīng)典“嘿所有人,看看我指向我的屏幕!”股票照片。它還巧妙地展示了Slack如何將人們聚集在一起 - 這一消息表明分屏照片的合理替代方案會(huì)被削弱。


視覺(jué)站點(diǎn)映射工具Flowmapp使用相同的主題 - 再次表明該工具將人類聚集在一起,以便在數(shù)字上進(jìn)行協(xié)作。這給我們通常認(rèn)為寒冷和不人道的空間帶來(lái)了一定的溫暖。


3.抽象但人形。有戲劇性的頭發(fā)。


在發(fā)布時(shí)啟動(dòng)對(duì)講機(jī)的主頁(yè),您可能會(huì)看到上面的友好人物,顯然是通過(guò)聊天,定期對(duì)話和實(shí)體郵件來(lái)處理大量通信?這是一個(gè)真正的信封嗎?!


或者你可能會(huì)看到這種令人愉快的含糊不清,搖搖欲墜的角色。


或者這個(gè)微笑,戴著帽子的年輕人。(老實(shí)說(shuō),可能是個(gè)孩子。)

因此,對(duì)講機(jī)正在進(jìn)行一項(xiàng)測(cè)試,看看上述哪一個(gè)插圖最能影響轉(zhuǎn)換和/或保留,或者展示他們對(duì)多樣性的承諾,而不會(huì)擠滿他們的英雄部分。無(wú)論哪種方式,聰明的方法。

但我真正感興趣的是對(duì)講機(jī)插畫師如何選擇代表人形。這一切都圓潤(rùn)而潦草。友好。同時(shí)有機(jī)和幾何。并且非常不具備性別,種族,甚至年齡等品質(zhì)。

因此,我們留下了一種典型的人,一種普遍包容的姿態(tài),讓你足以讓自己認(rèn)同產(chǎn)品,但不能過(guò)度認(rèn)同。

還有:這里發(fā)的超級(jí)戲劇性的事情發(fā)生了。就像您在Credit Karma的新一批插圖中看到的那樣。


在奧斯卡的設(shè)計(jì)中,這是一個(gè)著名的人類健康保險(xiǎn)品牌。


(作為Esurance的明礬,我可以告訴你保險(xiǎn)公司一直在尋找人性化的方法。與行業(yè)一起來(lái)。)

免費(fèi)電子書:現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)過(guò)程
了解高性能網(wǎng)站背后的流程和工具。

開(kāi)始閱讀

4.同構(gòu),梯度和不透明度的復(fù)雜相互作用


我們的首席品牌設(shè)計(jì)師Ryan Morrison處于新興插圖風(fēng)格的最前沿,為軟件中常見(jiàn)的圖標(biāo)驅(qū)動(dòng)設(shè)計(jì)帶來(lái)了新的內(nèi)容。他采取有時(shí)戲劇性的漸變,不透明后的不透明層,然后給它一個(gè)等長(zhǎng)的扭曲,創(chuàng)造一個(gè)像卡斯珀床墊一樣柔軟和沉悶的體驗(yàn) - 但不知何故令人興奮。(如果只是因?yàn)閭ゴ蟮募寄芸偸翘翎?做自己的事情是一種挑戰(zhàn)。)


抽象主題的抽象插圖


您面臨的另一個(gè)設(shè)計(jì)挑戰(zhàn):提供一個(gè)圖形,告知“這篇文章是關(guān)于營(yíng)銷是一個(gè)完整的漏斗活動(dòng)。”

限制因素包括:沒(méi)有漏斗的文字圖像,流入漏斗的人或文字云。

解決方案:Cy Twombly-esque抽象!


這就是Cy Twombly的作品。

作為一名內(nèi)容策略師和經(jīng)常出現(xiàn)的“博主”,我清楚地知道找到合適的圖像可能會(huì)非常具有挑戰(zhàn)性。特別是當(dāng)主題不適合于易于理解的可視化時(shí)。或者反過(guò)來(lái)說(shuō),如果借自己太清楚,以陳腐的可視化。(與良好的漏斗一樣。)

值得慶幸的是,插圖為我們提供了一種強(qiáng)有力的方式來(lái)煽動(dòng)情感和引發(fā)興趣,而不是殘酷的文字。或者挖掘庫(kù)存照片桶的底部。拿我來(lái)說(shuō),期待看到一個(gè)很大的這個(gè)多。

他們帶回了泡沫


嬰兒,泡泡又回來(lái)了。

經(jīng)常與skeuomorphism混淆,通過(guò)極端圓潤(rùn)和有目的的條帶獲得的三維性正在超越輪廓圖標(biāo)包,進(jìn)入全彩色標(biāo)題和高保真設(shè)計(jì)。

見(jiàn)證幫助偵察博客,這是另一個(gè)著名的資源,其中充滿了用作英雄形象的充滿活力的彩色圖標(biāo)。  


如果你愿意,可以把它稱為擬態(tài),但我不記得任何看起來(lái)那些起泡的規(guī)劃師。 圖片來(lái)自Michael Flarup。
當(dāng)然,它實(shí)際上并沒(méi)有比我們使用Slack的工作人員每天看到的表情符號(hào)(現(xiàn)在他們?cè)谀莻€(gè)方面禁用了選擇)的表情符號(hào)。

名稱欄目:成都網(wǎng)頁(yè)開(kāi)發(fā)之插圖設(shè)計(jì)
轉(zhuǎn)載源于:http://www.bm7419.com/news/176094.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、動(dòng)態(tài)網(wǎng)站服務(wù)器托管、域名注冊(cè)、網(wǎng)站建設(shè)虛擬主機(jī)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)