参考网址? 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动画显示只能用点击来展示,真实的开发是随着鼠标的滚动云朵随之出现的。

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。