探讨网站界面设计中的风格特点:常见的网站设计风格规范包含哪些要素?
网站设计风格规范的内容主要包括:
多数设计模板分为两部分:
文字规范
视觉规范
这两个规范同等重要,均为整体风格规范的一部分。将元素融合,可塑造整体形象。每个品牌或企业网站都有其独特之处。选定色调和风格,同步应用于字体和视觉画面,使网站与用户融为一体。
在塑造网站整体形象时,需考虑品牌需求,以及用户和相关利益方对网站的期望。是否满足期待?是否具有关联性?用户是否愿意在此网站上进行浏览和使用等交互行为?
语言风格
尽管我们主要关注网站风格规范的视觉方面,但语言风格同样重要,它是整体网站的一部分,也是与用户“沟通”的方式。语言风格是正式还是轻松的?是冗长还是简洁?
以相同方式为网站格式制定风格规范。这有助于团队了解网站的初步设想,以及如何运用语言风格辅助品牌标识。
语言风格是与每位用户沟通的方式。以MailChimp为例,通过其品牌语言风格的塑造,全面审视公司及其吉祥物Freddie。例如:“Freddie是我们的吉祥物。我们不需要将他与我们的logo组合。Freddie的脸右侧,他的表情总是眨着眼睛。”
“准则”及用途
你的风格规范应是你设计的“剧本”。(可能比“规范”更易于理解?)
它应概括如何以及何时使用字体、颜色和其他设计元素类型,便于理解。包括:
调色板,包括标准色和可适用色彩
排版,包括可适用字体、字号、缩进、行间距跳转
LOGO,包括尺寸和位置
图标或元素样式(包括分享按钮等)
拼写,选项和格式风格(应遵循哪种编辑格式?APA格式?AP格式?或其他?)
照片格式,包括颜色、裁剪尺寸和视觉效果
SEO信息,如ALT标签和关键词
网格标准(适用于网络或打印)
间距考虑(是否设计得太松或太紧)
反馈接触信息(可以向团队成员提问或建议的)
简单而具体的概念
这可能是最困难的部分,你需要理解这些信息,并将其转化为简单、具体、可操作的概念:
在涉及风格规范时,不要走极端,仅作为一个视觉参考,以此方式设计。
将相关内容组合,快速建立关联,例如页面的颜色、跳转至另一页的图形和照片等。
为可显示内容提供一些相似示例,不需要解释的部分使用占位符。
尽可能提供细节,如色彩样式,包括RGB(或HEX)和CMYK值等,使颜色规范使用。
打破部分常用元素案例进行设计。
片段和实例
无论你的设计风格规范是用于印刷、数字使用或基于Web的文档,应包含有用的工具。部分有用的元素品牌案例可能做到也可能做不到,但可以轻松地将重点放在你希望看到的品牌视觉上。
然后,创建一个易于操作的目录。创建原型组(或一组常见元素,取决于你使用的软件)。保存在常用位置,使其易于操作并生成易于修改的文件。
为参与项目的每个人提供基于云端软件的工具列表。(包括链接、用户名等基本信息。)确保所有字体包、logo和图像文件位于常用位置,所有使用者都知道它们在哪里。(在另一个地方保留备份,以防原文件、作品丢失。)
创建代码片段,易于复制并粘贴到项目主列表。这样,无需每次重建,常见的元素需要被分享在每个人都可以访问的共享位置。
最后一步是进化优化。每件事都可能发生变化,而且必然要经历蜕变。
执行风格规范
最后,最大的问题是“如何让人们遵循风格规范?”按照以上列出的内容,你已经拥有了设计的轮廓,具有简单、具体的概念。
风格规范易于遵循,就像你写的网站一样。语言简单易懂,便于人们遵循这些准则。
风格规范应留有足够的设计空间,以保持灵活性和实际制作上的实用性。就像你的品牌,在一定范围内,可以帮助团队成员发挥他们的设计创造力,同时创造新的东西。风格规范的所有者也是如此,指的是批准、更新和变化设计风格规范的人,并能回答有关设计决策问题的人。这个“所有者”可以是个人团队,或更大组织的规模。
常见的几种网站设计风格:
极简风:
越少,越经典。“这是不少设计大师遵循的设计风格。”
“好的设计是尽可能少的设计”这条原则同样适用于网页设计中。
除非必要的信息,页面中每增加一个元素,都会引起用户过多的小,甚至成为用户完成目标任务的阻碍。
极简设计的好处在于它能最大化节约用户的时间成本。
无边框风:
这里的边框是指任何类型的装饰性容器。
通过去掉装饰性容器,加强基本内容的设计感。
提升图片质量和排版布局,从而改变整体因无装饰性容器的视觉表现。
插画风:
除了使用大量图片作为背景或主体元素外,图形插画的运用也是一种很好的方式。
网页Banner可以运用插画来表达网站主题,同时加上插画图标的点缀,使网页看起来清新有趣,加强网站本身的独特性。
扁平风:
扁平化设计可以说是时下最常用的网页设计风格了,它弱化了材质、渐变、阴影,去除了冗余信息的图形元素、排版。
这种风格设计可以使画面显得更加平滑,提升了网站内容信息的视觉层级,更加方便用户快速寻找自己需要的内容。
同时扁平化的界面能更好实现不同尺寸的转化。
这也是现在互联网公司较长采用的一种风格。
简化设计已成为当下最为流行的网页设计流派,它淡化了质感、渐变、投影,剔除了繁复的图形符号、布局。这种设计手法让画面看起来更为流畅,增强了网站内容信息的视觉层次,便于用户迅速定位所需信息。此外,简化界面更能实现不同尺寸的适配。这亦是众多互联网企业长期采纳的设计风格。
三维设计风格:
本处所说的三维设计并非指让人仿佛置身其中的三维空间,而是指那些运用少量三维效果使网页显得更为活泼的设计。在扁平化的基础上,融入一些生动的非扁平元素,为网站增添了原本所缺的立体感,同时增强了主要视觉的吸引力。
垂直分割:
本处所说的三维设计并非指让人仿佛置身其中的三维空间,而是指那些运用少量三维效果使网页显得更为活泼的设计。在扁平化的基础上,融入一些生动的非扁平元素,为网站增添了原本所缺的立体感,同时增强了主要视觉的吸引力。