参考网址? https://grandleisure.org/?ref=uijarcom
一个静态页的网站,没有过多的动画/交互效果,但惊艳的色彩搭配和质感呈现以及凸出的视觉风格给人眼前一亮,非常切合主题。
2.惊喜的交互效果
参考网址? https://banorama.banenor.no/?ref=reeoo
随着鼠标开动的列车将整个网站赋予了用户主人公视角,非常的有趣,并将整个网站的模块给串联起来,让人不自觉的浏览很多遍。
参考网址? https://www.cyberbrokers.com/
打造独特的三维空间效果交互,无限的空间也令用户产生更多的探索欲。
2.生动的故事线
参考网址? https://www.bodoggos.com
用漫画的形式介绍产品,用每一个情境来凸显产品的特点,很生动有趣。
只要经过了前两个步骤,有了记忆,剩下就是为我所用了。可以记下设计的逻辑、表达的形式以及交互的方法等。
“不要为了设计而设计”,所有设计服务的对象都是围绕产品的,所以一般没有思路时我就会从产品出发去想设计。
例如有一个设计需求是要在官网上增加一个社媒的入口,要求要突出但是不能太突兀。如果单独增加一个模块去展示会浪费空间,加在其他模块的里又过于突兀。网站本来是有一小片漂浮的云朵背景,那就可以结合背景,将背景转为可交互的,增加趣味性的同时不影响当前页面布局,还能加深用户对这个入口的印象。
功能很大程度上决定了设计的自由度,所以在具体功能的基础上可以发挥想象让一个简单的功能变得有趣。
例如我要做一款游戏排行榜,属于公司产品的一个分支,既要保证风格一致也要保证功能的完整性。所以我参考了游戏机的理念,做了一个游戏机排行榜,主要的功能是查看排行,但是也可以解锁隐藏的按钮进行互动。ps:用figma动画演示效果不是很完美,但当时网页上线效果很不错。
讲述逻辑可以理解成用户的理解逻辑,根据理解的逻辑与实际的设计相结合也是一个不错的方向。
例如我要做一个roadmap设计,一般roadmap都是根据明确的时间线进行叙述的,有前有后,也就是允许先出现和后出现的关系。所以结合vape的喷烟雾的效果,使roadmap在烟嘴里面一个烟雾一个烟雾的出现。ps:用figma动画显示只能用点击来展示,真实的开发是随着鼠标的滚动云朵随之出现的。

優(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ù)。