中文字幕一区二区三区在线中文-日本中文字幕 在线观看-欧美日韩国产亚洲综合-性色AV一二三天美传媒

廣州總部電話:020-85564311
20年
互聯(lián)網(wǎng)應(yīng)用服務(wù)商
廣州總部電話:020-85564311
20年
互聯(lián)網(wǎng)應(yīng)用服務(wù)商
請輸入搜索關(guān)鍵詞
知識庫 知識庫

優(yōu)網(wǎng)知識庫

探索行業(yè)前沿,共享知識寶庫

設(shè)計(jì)不止一面;做有趣的設(shè)計(jì)

發(fā)布日期:2025-05-13 10:52:37 瀏覽次數(shù): 970 來源:兜一凡的設(shè)計(jì)日記
2024做了很多的网页设计,从一开始的“静态”设计慢慢地转变到“动态”设计。它可以是一页述说产品故事的生动漫画,也可以是鼠标触动时的有趣交互,更可以是藏着时间线索的可爱动图。做有趣的“动态”设计可以让设计变得多维,可探索性变广,也会使身为设计师的我们体验到设计的快乐。

什么是有趣的设计
1.精彩的视觉画面

参考网址? https://grandleisure.org/?ref=uijarcom

一个静态页的网站,没有过多的动画/交互效果,但惊艳的色彩搭配和质感呈现以及凸出的视觉风格给人眼前一亮,非常切合主题。


2.惊喜的交互效果


参考网址? https://banorama.banenor.no/?ref=reeoo

随着鼠标开动的列车将整个网站赋予了用户主人公视角,非常的有趣,并将整个网站的模块给串联起来,让人不自觉的浏览很多遍。


参考网址? https://www.cyberbrokers.com/

打造独特的三维空间效果交互,无限的空间也令用户产生更多的探索欲。


2.生动的故事线


参考网址? https://www.bodoggos.com

用漫画的形式介绍产品,用每一个情境来凸显产品的特点,很生动有趣。




3.学

只要经过了前两个步骤,有了记忆,剩下就是为我所用了。可以记下设计的逻辑、表达的形式以及交互的方法等。


怎么做有趣的设计
1.结合产品

“不要为了设计而设计”,所有设计服务的对象都是围绕产品的,所以一般没有思路时我就会从产品出发去想设计。

例如有一个设计需求是要在官网上增加一个社媒的入口,要求要突出但是不能太突兀。如果单独增加一个模块去展示会浪费空间,加在其他模块的里又过于突兀。网站本来是有一小片漂浮的云朵背景,那就可以结合背景,将背景转为可交互的,增加趣味性的同时不影响当前页面布局,还能加深用户对这个入口的印象。



2.结合功能

功能很大程度上决定了设计的自由度,所以在具体功能的基础上可以发挥想象让一个简单的功能变得有趣。

例如我要做一款游戏排行榜,属于公司产品的一个分支,既要保证风格一致也要保证功能的完整性。所以我参考了游戏机的理念,做了一个游戏机排行榜,主要的功能是查看排行,但是也可以解锁隐藏的按钮进行互动。ps:用figma动画演示效果不是很完美,但当时网页上线效果很不错。



再例如我们的游戏活动结束了,需要在官网宣布该活动结束。这时我看到插画材料上有房子有灯光,就可以把结束?小熊回家关灯?停止生产云朵关联起来,更好表达活动已结束。


3.结合讲述逻辑

讲述逻辑可以理解成用户的理解逻辑,根据理解的逻辑与实际的设计相结合也是一个不错的方向。

例如我要做一个roadmap设计,一般roadmap都是根据明确的时间线进行叙述的,有前有后,也就是允许先出现和后出现的关系。所以结合vape的喷烟雾的效果,使roadmap在烟嘴里面一个烟雾一个烟雾的出现。ps:用figma动画显示只能用点击来展示,真实的开发是随着鼠标的滚动云朵随之出现的。


優(yōu)網(wǎng)科技,優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應(yīng)服務(wù)商

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營理念,誠信務(wù)實(shí)的服務(wù)了近萬家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴!

優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用(手機(jī)站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。


我要投稿

姓名

文章鏈接

提交即表示你已閱讀并同意《個(gè)人信息保護(hù)聲明》

專屬顧問 專屬顧問
掃碼咨詢您的優(yōu)網(wǎng)專屬顧問!
專屬顧問
馬上咨詢
聯(lián)系專屬顧問
聯(lián)系專屬顧問
聯(lián)系專屬顧問
掃一掃馬上咨詢
掃一掃馬上咨詢

掃一掃馬上咨詢

和我們在線交談!