在网站设计中,我们可以更改标题文本、图标和控件的标准颜色。访问者打开网站时很容易被这些颜色吸引,而且不会感到突兀。正确使用标志颜色可以统一网站的整体视觉,突出重点,更有效地传达信息。
网站设计中应该如何运用品牌VI?
品牌VI可以从三个维度运用到网站设计中,增强网站辨识度:
1.ICON图标设计
应用品牌VI的常见方式是图标设计。图标作为网站的关键图形,可以让访问者感知品牌。精美的图标可以让表达更加简单、高效。要打造一套精美的图标,我们可以从识别开始。重点关注四个方面:性别、标准化、诚信、品牌感。
图标设计中的品牌感是将品牌VI运用到网站中的关键。比如上面这组图标,是成长超人根据英威腾自己的品牌颜色和品牌基调设计的。到官网应用的时候是这样的:
另外,图标是网站中不可或缺的元素,起到路标的作用,让访问者知道点击后下一步会是什么,有明确的心理预期。如果图标按钮不够清晰,访问者可能不知道下一步是购买产品还是注册用户,可能会直接浏览网站然后离开。
2、布局设计
如何将布局融入品牌基调是很多设计师忽视的问题。访问者浏览网站时,首先感受到的是色彩,其次是布局,这是给访问者的整体感觉。
如何设计一个既符合品牌定位又具有辨识度的网页布局呢?需要从品牌特征中提炼出来。它不能通过从品牌标志和标准颜色(如图标)中提取元素来完成。它更像是一种风格化的设计。设计。
例如,这是一家高端共享办公服务公司。从他们的品牌VI中,你可以感受到高端、轻奢、个性等关键词。在其官方网站上,我们可以看到其独特的主板设计。一眼就能感受到它的品牌调性。
3. 动作设计
除了静态平面设计外,品牌VI还可以融入网站动画中。利用品牌LOGO的设计元素和结构打造动感效果,可以让整个网站更具品牌感。好的动态效果可以满足网站功能的表达,强化品牌特色,而不是仅仅追求表面炫酷、花哨的效果。
在网站视觉设计中,品牌VI的应用不仅可以打造差异化同行,为品牌赋能,还可以通过标准化的VI应用,提高访问者对其品牌的信任度。
将品牌的基本VI设计应用到网站上是我们的常规操作,但一定要注意细节,不要忽视它作为网站基础的重要性。对于网站视觉设计,我们需要在保证基本设计正确的情况下进行深入思考。 ,一个网站的设计看似简单,比如色调、布局,这些都是设计师的基本功,但真正打造一个高质量的网站却没有想象中的那么容易。
2、平衡艺术与商业的网站设计思维
我们一开始就提到:视觉设计如何平衡艺术与商业?大多数设计师刚进入职场时并没有商业思维。他们首先会经历一个自我怀疑的过程:完成一篇稿子后做网站需要做什么,反复被要求修改,但仍然无法满足上级的要求,个人价值观开始逐渐变得模糊。成为编辑稿件的工具。
我们认为,企业网站的视觉设计必须具有商业思维,即视觉设计需要体现其想要表达的商业价值。因此,在建设企业网站时,我们需要记住几点。
1. 不是为了设计而设计
不为设计而设计,并不意味着一举“扼杀艺术”,也不意味着放弃创新理念。相反,它应该更多地关注强化产品、赋能满足需求的产品。市场上有许多华丽的网站。它们乍一看可能会让你感到震惊,但如果你深入观察,它们就会是空洞的。其实,让访客长久记住你的不是第一眼,而是内心。这是我们一直坚持的。长期价值。
过于强调设计、艺术、创意不仅会让网站开发变得困难,也会给访问者带来沉重的负担。
在商业环境中,视觉设计的本质应该是强化产品、升华价值。其实设计也需要有产品思维。成长超人网站建设是一个全流程的产品思维。在这个模型中,每个环节都是串联的。用户体验和价值交付都非常有益。
全流程产品思维
设计需要了解功能的目的。为什么要规划这个功能?如何通过设计让访客使用起来更加顺畅?如何让访客爱上这个功能?这些都是设计需要不断探索和思考的问题。这时,通过产品思维将设计与产品联动,才能保证核心目标一致、步骤一致,真正打造出有价值的网站。
2.注重UX用户体验
我们一直在谈论视觉设计。视觉设计不仅是静态的形式,而且是动态的形式做网站需要做什么,即网站上的交互效果。交互不可避免涉及到的领域就是“用户体验”。自2008年苹果推出、App兴起以来,用户体验已广为人知,并被视为App设计领域的“目的”。当然,在网站设计中也是如此。 “以用户为中心”是产品的核心价值。这是我们不能忽视的一个方面。
我们可以参考以下几个关键因素来提升用户体验:
网站的视觉设计一方面需要服务于内部,另一方面需要服务于用户。内部指的是内部的需要,比如上级、老板的视觉审美等,这是必然的,平衡的技巧就在这里。更多解释。
重点仍然是用户,即访客。我们之前通过市场调研对访客画像进行分析,能够掌握访客的审美基础和交互逻辑,并结合起来进行设计。当然,我们也主张尽可能简化交互,让网站更加透明。符合访问者的喜好,内容一目了然。
比如,在常规思维中,大多数人都会设计一个儿童教育服务的品牌网站,更加以儿童为导向,迎合儿童的喜好。然而,真正浏览该网站的访问者实际上是父母。因此,从偏见出发以儿童为目标的想法从一开始就是错误的。这也是很多企业在建设网站时陷入的误区。了解用户是设计中不可或缺的一步。
3. 成长思维确保商业价值
成长思维是成长超人网站建设的三大思维之一,也是三大思维中最能激发网站商业价值的思维。在视觉设计中,运用成长思维可以有效强化网站,提升网站价值。
我们首先需要讨论“网站内容中哪些信息是最重要的?”以及“传达此信息的目的是什么?”例如,促销活动版块的营销点是免费获取信息。我们需要了解:是给访问者留下最深刻印象的信息吗? “免费”,无论是信息图片还是需要更加突出的“免费”相关文案。在商业下,设计也需要了解营销和增长。
了解基本逻辑后,您需要采取下一步——强化它们并有效交付价值。实际实现时,可以参考两个基本理论:
1.视觉运动线
视觉运动线是指人们在阅读时视觉移动时形成的定向路径。十多年前,用户体验专家雅各布·尼尔森博士指出,“人们很少逐字逐句地阅读网页;相反,他们会扫描页面,挑选出单个单词和句子。”正是因为如此,人们在阅读时形成了几种常见的视觉运动模式。
Z型
F型
基于这两种常见的视觉运动线,我们在做网站的布局设计时可以更加合理地规划视觉运动线。其好处不仅可以帮助访客快速阅读、快速获取信息、提升用户体验,还可以帮助我们引导访客阅读预设信息,高效传递高价值信息,提高营销效率。
2.视觉层次
视觉层次应该很好理解,即人们在阅读时可以直观地感受到信息的层次结构。优秀的视觉层次可以引导访问者阅读更多的内容,并且通过信息的优先级设计,可以更直观地理解。帮助我们传输网站达到相应的数据指标。
例如下面两个例子:
视觉动线可以作为网站的整体设计思路,而视觉层次则是单个版块的设计方向。版块的视觉层次设计应分为三层:
第一级:参观者一眼就能了解整个版块的主要内容;
第二层:访问者通过仔细浏览可以获得关键内容;