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