石家莊網(wǎng)頁(yè)開(kāi)發(fā)找展為 13933871212
我們一直在尋找網(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)”照片和用戶(hù)界面模型/屏幕截圖的眾多優(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)篇寫(xiě)作的流行平臺(tái)，包括文學(xué)，創(chuàng)業(yè)宣傳家，游擊新聞，個(gè)人散文，“為什么我要離開(kāi)硅谷熱門(mén)”等等。哦 - 你的圖像基本上會(huì)被網(wǎng)站上所有用戶(hù)生成的內(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)寫(xiě)作時(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使用相同的主題 - 再次表明該工具將人類(lèi)聚集在一起，以便在數(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ī)插畫(huà)師如何選擇代表人形。這一切都圓潤(rùn)而潦草。友好。同時(shí)有機(jī)和幾何。并且非常不具備性別，種族，甚至年齡等品質(zhì)。
因此，我們留下了一種典型的人，一種普遍包容的姿態(tài)，讓你足以讓自己認(rèn)同產(chǎn)品，但不能過(guò)度認(rèn)同。
還有：這里發(fā)的超級(jí)戲劇性的事情發(fā)生了。就像您在Credit Karma的新一批插圖中看到的那樣。
在奧斯卡的設(shè)計(jì)中，這是一個(gè)著名的人類(lèi)健康保險(xiǎn)品牌。
（作為Esurance的明礬，我可以告訴你保險(xiǎn)公司一直在尋找人性化的方法。與行業(yè)一起來(lái)。）
免費(fèi)電子書(shū)：現(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)銷(xiāo)是一個(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)。
如果你愿意，可以把它稱(chēng)為擬態(tài)，但我不記得任何看起來(lái)那些起泡的規(guī)劃師。 圖片來(lái)自Michael Flarup。
當(dāng)然，它實(shí)際上并沒(méi)有比我們使用Slack的工作人員每天看到的表情符號(hào)（現(xiàn)在他們?cè)谀莻€(gè)方面禁用了選擇）的表情符號(hào)。
