成都網(wǎng)頁開發(fā)找展為 13518219792
我們一直在尋找網(wǎng)頁設(shè)計中的下一件大事。而現(xiàn)在,數(shù)字設(shè)計最嶄露分的元素之一就是必須要說明的。
乍一看,它可能會讓人覺得數(shù)字設(shè)計師對于印刷中如此堅定的媒體的迷戀有些矛盾。但是,當(dāng)我們在2018年的19個網(wǎng)頁設(shè)計趨勢中提到時,插圖為設(shè)計師提供了超過“傳統(tǒng)”照片和用戶界面模型/屏幕截圖的眾多優(yōu)勢。
首先,當(dāng)您討論在單張照片??中無法輕易捕獲的更抽象的概念時,插圖可以非常有用。而且他們需要更少的后勤工作,而不是設(shè)置拍攝照片 - 并且感覺比從網(wǎng)上抓取一些照片更加自定義。他們還回避了照片可以引入的代表性問題,我們將在本文稍后討論。
所以沒有進(jìn)一步的序言,讓我們來看看這些趨勢吧!
1.照片拼貼有助于打造令人難忘的品牌
我有一點(diǎn)設(shè)計挑戰(zhàn):
你:雄心勃勃的年輕品牌設(shè)計師。
您的品牌:分享長篇寫作的流行平臺,包括文學(xué),創(chuàng)業(yè)宣傳家,游擊新聞,個人散文,“為什么我要離開硅谷熱門”等等。哦 - 你的圖像基本上會被網(wǎng)站上所有用戶生成的內(nèi)容所淹沒。所以無論你創(chuàng)造什么都必須有影響力。
你的解決方案:......?
對于Medium的人來說,解決方案似乎是:照片拼貼!這種風(fēng)格本身就是一種美麗的契合,因為長期以來與周到的社論相關(guān)聯(lián)。
采用這種登錄模式,在您坐下來寫作時,拼貼照片和一個手繪漩渦可以在腦海中捕捉到一些想法。
或者這些小側(cè)邊欄“英雄”圖片:
顯示,而不是說
他們甚至設(shè)法使用照片拼貼來告訴你平臺本身,例如在這個GIF中,它告訴你掌聲互動如何與付款模式相關(guān):
Intercom是一個以其內(nèi)容質(zhì)量而聞名的品牌,也在其博客上使用照片拼貼。在這里,加入特邀嘉賓的爆頭:
2. UI與IRL的交集
Slack閃亮的新主頁英雄插圖顯示了人員與超常生活的Slack UI交互。這款產(chǎn)品以友好,人性化的方式呈現(xiàn) - Slack品牌的一個關(guān)鍵元素,在其巧妙的復(fù)制品中最為明顯。
并且這樣做沒有捕獲不必要的特定(并且,讓我們面對它,有點(diǎn)無聊)截圖或默認(rèn)為經(jīng)典“嘿所有人,看看我指向我的屏幕!”股票照片。它還巧妙地展示了Slack如何將人們聚集在一起 - 這一消息表明分屏照片的合理替代方案會被削弱。
視覺站點(diǎn)映射工具Flowmapp使用相同的主題 - 再次表明該工具將人類聚集在一起,以便在數(shù)字上進(jìn)行協(xié)作。這給我們通常認(rèn)為寒冷和不人道的空間帶來了一定的溫暖。
3.抽象但人形。有戲劇性的頭發(fā)。
在發(fā)布時啟動對講機(jī)的主頁,您可能會看到上面的友好人物,顯然是通過聊天,定期對話和實(shí)體郵件來處理大量通信?這是一個真正的信封嗎?!
或者你可能會看到這種令人愉快的含糊不清,搖搖欲墜的角色。
或者這個微笑,戴著帽子的年輕人。(老實(shí)說,可能是個孩子。)
因此,對講機(jī)正在進(jìn)行一項測試,看看上述哪一個插圖最能影響轉(zhuǎn)換和/或保留,或者展示他們對多樣性的承諾,而不會擠滿他們的英雄部分。無論哪種方式,聰明的方法。
但我真正感興趣的是對講機(jī)插畫師如何選擇代表人形。這一切都圓潤而潦草。友好。同時有機(jī)和幾何。并且非常不具備性別,種族,甚至年齡等品質(zhì)。
因此,我們留下了一種典型的人,一種普遍包容的姿態(tài),讓你足以讓自己認(rèn)同產(chǎn)品,但不能過度認(rèn)同。
還有:這里發(fā)的超級戲劇性的事情發(fā)生了。就像您在Credit Karma的新一批插圖中看到的那樣。
在奧斯卡的設(shè)計中,這是一個著名的人類健康保險品牌。
(作為Esurance的明礬,我可以告訴你保險公司一直在尋找人性化的方法。與行業(yè)一起來。)
了解高性能網(wǎng)站背后的流程和工具。
開始閱讀
4.同構(gòu),梯度和不透明度的復(fù)雜相互作用
我們的首席品牌設(shè)計師Ryan Morrison處于新興插圖風(fēng)格的最前沿,為軟件中常見的圖標(biāo)驅(qū)動設(shè)計帶來了新的內(nèi)容。他采取有時戲劇性的漸變,不透明后的不透明層,然后給它一個等長的扭曲,創(chuàng)造一個像卡斯珀床墊一樣柔軟和沉悶的體驗 - 但不知何故令人興奮。(如果只是因為偉大的技能總是挑釁;做自己的事情是一種挑戰(zhàn)。)
抽象主題的抽象插圖
您面臨的另一個設(shè)計挑戰(zhàn):提供一個圖形,告知“這篇文章是關(guān)于營銷是一個完整的漏斗活動。”
限制因素包括:沒有漏斗的文字圖像,流入漏斗的人或文字云。
這就是Cy Twombly的作品。
作為一名內(nèi)容策略師和經(jīng)常出現(xiàn)的“博主”,我清楚地知道找到合適的圖像可能會非常具有挑戰(zhàn)性。特別是當(dāng)主題不適合于易于理解的可視化時。或者反過來說,如果借自己太清楚,以陳腐的可視化。(與良好的漏斗一樣。)
值得慶幸的是,插圖為我們提供了一種強(qiáng)有力的方式來煽動情感和引發(fā)興趣,而不是殘酷的文字?;蛘咄诰驇齑嬲掌暗牡撞?。拿我來說,期待看到一個很大的這個多。
他們帶回了泡沫
嬰兒,泡泡又回來了。
經(jīng)常與skeuomorphism混淆,通過極端圓潤和有目的的條帶獲得的三維性正在超越輪廓圖標(biāo)包,進(jìn)入全彩色標(biāo)題和高保真設(shè)計。
見證幫助偵察博客,這是另一個著名的資源,其中充滿了用作英雄形象的充滿活力的彩色圖標(biāo)。
如果你愿意,可以把它稱為擬態(tài),但我不記得任何看起來那些起泡的規(guī)劃師。 圖片來自Michael Flarup。
當(dāng)然,它實(shí)際上并沒有比我們使用Slack的工作人員每天看到的表情符號(現(xiàn)在他們在那個方面禁用了選擇)的表情符號。
名稱欄目:成都網(wǎng)頁開發(fā)之插圖設(shè)計
轉(zhuǎn)載源于:http://jinyejixie.com/news/176094.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、動態(tài)網(wǎng)站、服務(wù)器托管、域名注冊、網(wǎng)站建設(shè)、虛擬主機(jī)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)