欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
当前位置:南京网站制作公司 > 资讯中心 > 网站知识
南京网站建设分享构建视觉语言的10个技巧
来源:南京网站制作 时间:2018-11-09 19:24:18

 视觉语言就像任何其他形式的交流一样。

 
“语言”指的是口头或书面交流,视觉语言更进一步与某个社区联系。从颜色到样式到照片或插图类型的元素确定了品牌或公司的含义。这些视觉元素以人们理解的结构化和传统方式将一组联系在一起。
 
视觉语言包括网站或品牌的书面和口头元素,以及用户可以在屏幕上看到的每种设计技术,照片,图标,徽标和项目。用户通常不会知道视觉语言; 他们只知道当他们看到您的网站或品牌时,他们就会认出来。
 
南京网站建设列举以下是您创建用户可以理解的视觉语言的方法。
 
1.构建调色板
强大的调色板是用户的识别工具。当使用与品牌或网站众所周知且相关的一致颜色时; 用户知道他们在哪里。它们不会在网络的庞大世界中迷失,因为您已经在视觉上告诉了他们与之交互的网站或品牌。
 
此调色板不应该是您网站的唯一选择。它需要普遍应用并与品牌所做的一切联系起来 - 在线,社交媒体,赃物或包装,名片。
 
此外,调色板应该强化品牌价值。
 
想想麦当劳快餐店的颜色:黄色和红色。颜色代表幸福(黄色)和饥饿(红色)。如果没有“金色拱门”或包装上带红色的东西,你有多少次见过这个品牌?
 
2.创建印刷层次结构
与为您的品牌选择字体一样重要的是确定如何使用它们。
 
印刷层次结构为您是否与用户交谈,耳语(小光印刷)或大喊大叫(大型全部大写字母)设定了基调。没有正确或错误的沟通方式; 它知道什么适合你的部落。
 
构建印刷比例的技巧是每个级别应该与之前和之后的级别足够不同,因此很容易看到文本的变化。
 
Airbnb具有明显的排版规模,其尺寸和重量均为标准化的排版。此标准化还扩展到调色板和间距,以提供可靠的视觉语言。
 
3.建立一个网格
元素的间距和位置与元素本身一样重要。您的视觉识别是干净整洁还是有点混乱?
 
你的网格回答了这个问题。
 
FreeCodeCamp很好地解释了这个结构:
模块化结构提供了与整个工程团队合作的可能性。因此,它可以快速生产适合所有平台的产品。如果从消息意义上创建概念设计,则集成方法将更有用。
 
简而言之,网格的复杂性或简单性与您沟通的是什么?
 
4.创建组件库
从按钮到图标再到卡片或弹出窗口,创建一个组件库,以便设计中元素的所有使用都是一致的。
 
按钮不应该是一页上的蓝色圆圈而是另一页上的红色方块。图标不应该是一个页面上的线条样式,而应该是另一个页面上的全彩色。这种不一致可能会让用户质疑他们是否错误地离开了您的网站。
 
一个好的组件库包括在设计中构建页面所需的所有元素,以及针对iOS和Android设备的每个设备大小和调整的使用大小和规模的规则。
 
虽然构建通用组件在前端看起来像是一件大事,但它可以使得创建新页面变得轻而易举。
 
5.强调图像风格
无论您是使用照片,视频还是插图,创建和维护图像样式都很重要。这是用户将记住并与您的网站或品牌相关联的最强大的视觉资产之一。
 
这种风格涉及照片作物的紧密与广泛,过滤器的使用,视频的速度和构图风格。
 
看看下面Smashmallow的多个元素。即使它们没有分组,它们也包含将图像连接到品牌的共同元素。(不是每张图像上的热气球。)这种图像样式为这家公司是谁以及他们如何与用户建立联系奠定了基调。
 
6.构建动画规则
动画元素也应遵循一组基本规则。他们快速移动还是慢速移动?他们是自己移动还是仅仅作为悬停状态移动?
 
这些互动也有助于建立视觉识别。动画可以为项目设定基调。使用或不使用它们可以说明你是谁以及你想成为什么样的人。
 
这个从下面的Dribbble拍摄的莫吉托有圆周运动。想想同一种视觉语言中的其他动画将如何呈现。它们也可能以相同的循环方式以相似的速度移动。
 
7.匹配单词和视觉效果
要使视觉语言有效,它必须与设计中使用的实际语言相匹配。如果单词和视觉元素不匹配,用户可能会被体验混淆。
 
元素应该共同努力,创建一个全面强调同一事物的整体沟通方式。
 
下面的Steffany使用颜色,女性徽标和文字来展示她的网站是什么。这些作品共同构成了整体画面,不与不同的文字和视觉信息竞争。
 
8.忠于自己
视觉语言只有在可信的情况下才能起作用。它必须代表你和你是谁。
 
你能想象没有角色的芝麻街吗?这将是非常困难的。
 
品牌的整体视觉形象是围绕Big Bird和Elmo等人建立的。设计的每一点都反映了这一点。要进一步连接电视节目和卡通人物的视觉识别,请注意网站设计中如何使用这两者。这有助于在视觉上将幻想和现实结合起来,以帮助维护品牌的身份。
 
9.保持一致
一旦你为视觉语言制定了一套指南,就要坚持下去。在构建可视语言时最大的失误是不一致。
 
FreeCodeCamp指出设计语言应该回答以下问题。它们也是您是否尊重视觉效果的基准。
 
我们用什么颜色?
徽标放在哪里?
这种模式是否用于其他地方?
什么是最新文档?
我们如何构建这个动画?
这来自组件库吗?
请注意,Corby可以肯定这些问题的答案。徽标位于一个共同的位置,始终使用一致的颜色,并以相同的方式使用图案/动画。
 
10.制定风格指南......并加强它
建立一种视觉语言并对其进行编纂。
 
然后让某人负责执行它。你的身份太重要了,不容错过。人类天生就是视觉; 南京网站建设认为视觉语言可以是将用户连接到您的网站或品牌的最强元素之一。

本文地址:http://www.njanyou.cn/web/2119.html
Tag:
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: 如何知道什么时候重新设计您的网站
下一篇: 南京网站制作建立一个成功的入站营销网站转换
最新案例
永银
永银
珠海跨境电商
珠海跨境电商
五颗星商城
五颗星商城
上海万客生鲜超市
上海万客生鲜超市
一九在线商城
一九在线商城
你可能感兴趣
小型企业平稳运营所需的 5 种软件类型
为什么每个人都在谈论 Advantage+ Creative
27 关于 Bing PPC 的统计数据
改善编程和 QA 之间协作的 4 种方法
您的网站给人留下第一印象:为什么好的网页设计对企业至关重要
网页设计和内容营销:最大限度地提高博客参与度的 6 个技巧
所有重要的 GA4 指标
ClickFunnels 与 Kajabi:详细比较
最后更新
打造直观体验:UX 和 UI 矩阵 了解 Advantage+ 定位 我们所知道的关于大规模谷歌算法泄漏的一切 如何撰写吸引受众注意力的营销电子邮件 如何使用数据抓取进行有效的竞争分析:分步指南 优化医疗保健提供商的 SEO 和在线形象:2024 年的最佳实践 Elementor:网站建设的首选(原因如下) 产品系列页面:提高电子商务转化率的设计策略
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例