网站作为互联网产品如何平衡艺术与商业,网站设计需要掌握哪些思维?( 二 )


识别性:icon的作用即是帮助访客理解网站信息,特别是在没有文字说明的情况下,icon的设计需要具备让访客快速认出的高识别度,不能让访客产生疑惑 。规范性:每个icon要保持视觉大小、色彩等一致性,以及图标饱满度等细节都需遵循同一规律,例如:绘制风格是否一致,使用的圆角或直角是否统一等等 。整体性:除了icon自身的设计之外,整体的设计风格要与网站基调达成一致,不同网站有不同定位,面向的目标访客群体自然有所差别,那么整个网站的icon设计也不一样 。品牌感:提升品牌辨识度离不开品牌感,icon设计要与品牌调性、理念相符合,传达给访客一致的感受 。比如:提取品牌色、采取品牌图形作为图标设计视觉元素,从而加深访客对品牌色的感知 。icon设计中的品牌感是将品牌VI应用到网站的关键,比如上方的那套icon,是由增长超人根据英威腾本身的品牌色彩和品牌调性进行设计,应用于官网是这样的:
另外,icon是网站中不可或缺的元素,充当路标,让访客能知道点击后下一步是什么,也就有明确的心理预期 。如果icon按钮不够明确,访客可能会不知道下一步是要购买产品或者注册用户的步骤,并且可能直接浏览网站后就直接离开 。
2. 版式设计版式的如何融入品牌调性是很多设计师会忽略的一点,访客来浏览网站时,首先感受到的第一点是色彩,第二则是版式,也就是整体给访客的感觉 。
符合品牌定位且具有辨识度的网页版式设计应该怎么做,它更需要从品牌特性中提取,无法像icon一样从品牌logo和标准色中提取元素就可以做到的,更多是一个风格化的设计 。
【网站作为互联网产品如何平衡艺术与商业,网站设计需要掌握哪些思维?】
举个例子,这是一家高端的共享办公室服务企业,从他们的品牌VI中可以感受到高端、轻奢、个性等关键词,在其官网中,我们可以看到其与众不同的板式设计,一眼就能感受出其品牌调性 。
3. 动效设计除了静态的图形设计,品牌VI也可以融入网站动效,利用品牌LOGO的设计元素和结构,进行设计的动效,可以让整个网站更有品牌风格 。一个好的动效是能够满足网站功能的表达,强化品牌特质,而不是只追求表面炫酷花哨的效果 。
在网站视觉设计中,品牌VI的应用不仅能够形成区别于同行的差异化,为品牌赋能,还能通过规范化的VI应用,提高访客对其品牌的信任度 。
品牌的基础VI设计应用于网站是我们的常规操作,但要注意细节,别忽视了其作为网站基础的重要性,对于网站视觉设计,我们在保证基础设计无误的情况下,需要深入到思维上,一个网站的设计看似简单,像是色调、排版,都是设计师的基础功夫,但是要真正做到一个优质的网站,其实并没有想象中那么容易 。
二、平衡艺术与商业的网站设计思维开头我们有提到:视觉设计如何平衡艺术与商业?大多数设计师在初入职场时,都不具备商业思维,首先会经历一段自我怀疑的过程:完成一个稿件后,反反复复被要求改稿,始终无法达到上级的要求,个人价值开始逐渐模糊,沦为一介改稿工具人 。
在我们看来,企业网站的视觉设计必须具备商业思维,也就是视觉设计需要体现其想表达商业价值,因此,在建设企业网站时,我们需要记住一下几点 。
1. 不为设计而设计不为设计而设计不是将艺术“一棒敲死”,也并非抛弃创新创意,而是应该更注重于强化产品,给满足需求的产品力加持 。市面上有很多花里胡哨的网站,第一眼可能能够惊艳到你,但是再深入只是空洞,事实上,能够让访客长时间记住你的并非第一眼,而是其内在,也是我们一直坚持的长期主义价值 。
过于强调设计、艺术、创意,不仅会给网站带来开发难度,更是给访客浏览带来沉重的负担 。
商业环境下,视觉设计的本质应该是强化产品,升华价值,实际上,设计同样需要具备产品思维,增长超人建站更是将产品思维全流程化,这种模式下,每一环都串联起来,不管是用户体验,还是价值传递都非常有利 。
产品思维全流程化
设计需要理解功能目的,为什么策划这个功能?如何通过设计让访客使用更顺畅?如何让访客爱上这个功能?这都是设计需要不断探讨和思考的问题 。这时设计与产品之间通过产品思维进行联动,能够确保核心目标一致、步调一致,真正创造出一个有价值网站 。
2. 重视UX用户体验我们一直在讲视觉设计,视觉设计不仅是静态形式,还可以是动态形式,也就是网站上的交互动效,交互不可避免涉及到的领域就是「用户体验」 。08年苹果推出AppStore,App兴起至今,用户体验就广为人知,在App的设计领域更是奉为“宗旨”,当然,在网站设计上同样如此,“以用户为本”本就是产品的关键价值,这是我们不可忽视的方面 。

推荐阅读