Tofu Design創(chuàng)意工作室的完整網(wǎng)站和品牌標(biāo)識(shí)設(shè)計(jì)欣賞

我們想分享來(lái)自馬來(lái)西亞吉隆坡的創(chuàng)意總監(jiān)Daphnie Loong和Daniel Tan的設(shè)計(jì)工作。他們最近分享了自己工作室的設(shè)計(jì),該工作室專門從事UI / UX,網(wǎng)頁(yè)設(shè)計(jì),交互,文案寫作等工作。越來(lái)越多的插圖集成到UI設(shè)計(jì)中,這是非常時(shí)尚的,這非常令人驚奇。尤其是自從當(dāng)今的UI設(shè)計(jì)開始看起來(lái)完全一樣。我們發(fā)現(xiàn)他們的設(shè)計(jì)里增加了一些新的元素。就讓我們一起欣賞吧。


1,品牌識(shí)別設(shè)計(jì)

這個(gè)品牌的名字叫tofu,也就是中文“豆腐”的意思,logo的靈感也就來(lái)源于豆腐的扭曲擺動(dòng)感。后面的設(shè)計(jì)靈感也都來(lái)源于這一東方的食物:純凈,樸實(shí)。


Tofu Design 1.gif

Tofu Design 2.jpg

Tofu Design 3.gif

Tofu Design.jpg


在設(shè)計(jì)標(biāo)志時(shí),充分考慮了豆腐塊的取消,所以設(shè)計(jì)師從中日韓中都獲取了靈感:

Tofu Design logo.jpg

最后有了這樣的設(shè)計(jì)方案:

Tofu Design 2.jpg




2,網(wǎng)頁(yè)設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)非常干凈,大量使用空白頁(yè)面,嚴(yán)格遵照響應(yīng)式的網(wǎng)頁(yè)設(shè)計(jì)系統(tǒng),可以在多個(gè)平臺(tái)終端完美的瀏覽。


Tofu Design 4.jpg

Tofu Design 5.gif


網(wǎng)站線框圖:

Tofu Design 6.jpg


設(shè)計(jì)組件:

Tofu Design 7.gif


3,多平臺(tái)自適應(yīng)設(shè)計(jì)

手機(jī)端:

Tofu Design 8.gif

Tofu Design 9.jpg


平板電腦端:

Tofu Design 10.gif

Tofu Design 11.jpg


筆記本電腦:

Tofu Design 12.gif

Tofu Design 13.jpg


Tofu Design 14.gif


Tofu Design 15.gif



3,顏色和插畫

網(wǎng)站頭部的插畫是整個(gè)網(wǎng)站的亮點(diǎn),插畫使用了非常和諧的顏色。不花哨。


Tofu Design 5.gif




每天更新,
全站高品質(zhì)素材免費(fèi)下載!