我要投稿
优秀的设计师提供愉悦的体验。体验非常重要,因为它可以让单个用户在网站中的访问时间更长,也就意味着网站可以展示更多内容给用户。最终,网站很好地完成了它的使命,即最大化传播了企业数字化品牌形象。
交互设计,并不是经验的产物,而是一套有迹可循的设计方法。通过多年的作业经验总结起来,可以归纳为以下几点,即示能、意符、映射到反馈和概念模型。
关于这些概念,我们推荐大家阅读《设计心理学》中的相关内容,内容清晰易懂,可以很好地帮助从业人员快速掌握商业设计的价值要点。
网站作为企业对外的信息传播载体,无论是门户网站,还是业务网站,无论网站的用户是B端,还是C端,良好的交互设计一直都是用户体验的必要基础。
以北汽集团门户网站建设为例,首页第二屏的品牌展示区域,用户希望我们可以拿出一套完善的方案,既能清晰有力地展示出所有品牌,又可以体现出精致创意的美感设计,最后还需要为后续品牌的增减做好扩展性的方案,不能因为增加或减少了品牌数量,版面就失去了完整性。
商业设计最大的魅力在于,它是有限制性的,人们需要在有限的空间下去发挥才能,让神来之笔变现出浑然天成的魔力。
最终我们拿出了以下方案来匹配客户希望解决的问题。
第1点:整体布局,在规整有序的大背景下,加入不规则元素,进行整体视觉渲染。比如将蜿蜒的山路勾勒成车背后的红色线条,以此来做交互背景点缀。这时,当各个品牌的汽车映入眼帘时,更具真实的场景代入感。这种感觉与真实的场景,在千丝万缕的联系中,带给用户自然合理的切入感。
第2点:设计文字组合布局,以“品牌logo+宣传语+概要文字”的组合形式进行整体呈现。设计手法,运用文字字号大小不同与颜色差异,来体现层次逻辑观感。以红色圆圈作为跳转进入内页的交互按钮,与当前模块的其他红色元素进行呼应,以达到该模块的视重平衡。
第3点:在该屏的最右侧呈现品牌logo墙,借助后端程序的函数算法,以整个屏幕的高度作为常量A,以品牌数量作为变量B,将A÷B的值作为logo所在区域的高度C,再通过响应式算法将logo等比例在高度C的约束下进行自适应展示。
第4点:将logo默认的效果,通过前端CSS样式进行默认加灰处理,当鼠标移入单个logo区域时,让灰色样式消失从而呈现出logo的本来效果,提升交互设计在视觉层面的清晰状态变化。
以上方案的四个细节点,可以有效地解决客户提出的几点问题。最终,客户在听取了我们的汇报方案后,也欣然通过了这版方案。
亚星管理平台菁思福科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
亚星管理平台菁思福科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。亚星管理平台菁思福科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信亚星官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。