分析和设计整体

在很多人看来,设计师是一位反复无常的艺术家,他总是激发懒洋洋的目光注视着远方,有时甚至向客户传达关于其整个想法违背的衷心演讲,因为“这是绿色象征着和谐,而两个色调则按照客户的建议,已经暗了。环保。” 但是不,这是一个成见。

设计主要是针对特定问题的解决方案。 例如,客户面临着增加网站转换的任务,这意味着设计师将竭尽所能使客户满意。 如果客户需要一个令人难忘的网站来唤起用户的信任,那么设计师将以不同于上一个的方式解决此问题。

在本文中,我们将讨论设计准备阶段以及使用网站视觉组件的一般原则。

设计不是一浪高过一浪,不是创造力的飞速发展,它主要是分析。
像任何项目一样,工作从定义设计产品的主要任务开始。 客户从站点需要什么? 增加销量? 更多品牌信心? 认可?
当客户决定了主要任务,并且设计师大致了解了工作的实质后,第二阶段便开始了-与目标受众(进一步的CA)合作。 通常,目标受众是在分析和设计阶段确定的,但对于设计师来说,绘制典型用户的肖像也很重要,肖像越准确,最终产品就越好。

让我们看一个与中亚合作的例子。 想象一个客户在互联网上出售童装。 我们知道它的产品,优点和缺点,并得出这样的结论:该产品的典型中亚代表是已婚妇女Irina,她大约30岁,收入略高于平均水平,她受过高等教育。 年轻的母亲很可能在婴儿出生之前就从事了职业。 伊琳娜(Irina)休产假,正在抚养一个孩子。 对她重要的是什么? 我们认为孩子的健康和家庭幸福意味着该产品将对材料的质量和服务水平感兴趣。 伊琳娜有什么有趣的地方? 伊琳娜白天和黑夜都在阅读其他母亲的博客,也许她自己在互联网上分享了自己的经验。 她对孩子感兴趣-他如何成长,如何看待世界。 最后一个问题是,我们能给别人带来不能的爱琳娜吗?

因此,我们正在无缝地进行竞争分析。 设计师一定会观察竞争对手的所在地-对他们不利的方面,最重要的是-对竞争对手有利的地方,以及他如何在家中进行改善。 为什么Irina会选择我们的网站,而不是竞争对手的网站? 对竞争对手的分析是详尽而详尽的-从品牌的创意概念到屏幕上按钮和图标的颜色和排列。

当设计师自己为产品规定了可以征服Irina并带走其他地方的一切时,下一个阶段便开始了-编制挡泥板。 这个复杂的词仅意味着设计人员会抛出网站的概念,该概念由颜色,字体和信息呈现方式定义。 它会是一个充满色彩和醒目的插图的充满活力的网站吗? 这是不可能的,因为我们记得Irina赞赏产品的质量,并且她可能会被大量的鲜花和华而不实的铭文所吓倒,例如试图挥霍和“吸食”劣质产品。 我们记得伊琳娜很着急,并不急着,伊琳娜也很聪明,知道如何分析,她会仔细阅读并寻找收获。 在这种情况下,我们的假想设计师可能会选择柔和的颜色,也许是水彩图案,例如在儿童读物中,字体将是中性的,这将使Irina可以轻松接收信息。 插图将明亮而平静,可能充满温柔和关爱。 我们提醒您,所有这些只是一种虚构的情况,向您解释工作的实质。 不幸的是,设计中没有明确的解决方案,并且我们无法为您提供与一个或另一个目标受众合作的严格原则。

同时,设计师受到启发。 作为一名真正的艺术家,设计师在特殊的场所观看同事的作品,并记下有趣的决定。 那就是-窃取想法。 这些网站可能是主题相似的网站,它们的重点可能完全不同,但是任何有趣且不寻常的解决方案都可以使该网站成为亮点,并且将成为Irina不会与竞争对手竞争并购买我们的产品的重要因素。 但是,如果您读完了这一点,就动了动手,然后决定只复制自己喜欢的网站,然后过着幸福快乐的生活,那么我们就会让您不高兴-很有可能,它将无法正常工作。 在另一个站点上,主要用户不是Irina,而是Svetlana,这是一个完全不同的故事。 不,设计师只需注明细节,然后将其仔细地适合他的项目。

此外,设计人员着手指导特殊程序中的工作。 实际上,该工作包括站点上每个唯一页面的完整图纸。 当然,大多数时间都转到主页,因为这是用户看到的第一件事,并且正是在这里形成了他对产品的态度。 这将成为整个网站的设计概念。
任何块,任何设计细节都应具有含义。 设计师是如此疯狂,经常问自己:我为什么要这么做? 为什么我使按钮变暗? 为什么我使用这张照片而不是其他照片? 为什么在页脚中先放置VK图标,然后放置FB,然后再放置OK,并且顺序不同? 而且,如果没有答案,则最好立即放弃该决定,因为尽管设计并没有图景,因为有明确的评估标准。

您听说过KPI吗? 因此,它不适用于任何艺术品-例如,愚蠢的说米开朗基罗的杰作增加了西斯廷教堂的出席人数,是吸引新朋友的有效工具。 但是对于设计而言,大多数情况下通常都有非常具体的KPI,因此可以并且应该对工作进行评估。

大量的网页设计文献包含无穷的规则和原则。 实际上,这完全取决于特定的站点和任务,但是有一些通用规则:

1.对比原理


这适用于网站的所有元素。 对比度越低,信息被感知和彼此分离的难度就越大。 由于存在对比,您可以突出显示某些细节而淹没其他细节,构建网页层次结构,并将用户集中在最重要的元素上。

2.强调原则


这一项与上一项密切相关。 正确放置口音是网站有效性的保证。 这里的主要目的不是迷失方向,而是要清楚地理解要重点强调的内容,因为如果单单选择所有内容,整个想法将会丢失。

3.元素统一和重复的原则


这个原则似乎很明显,但是需要另外提及。 重复元素和色域,对齐方式,字体大小,行距,缩进和角度曲率角-所有这些都创建了相同的均匀性,使用户更容易在现场进行操作,并且在违反此原则时感到困惑。 例如,您在一个信息站点上阅读了一篇文章,并且知道页面底部的后退箭头会将您带回到主页。 现在,假设您不是在阅读文章,而是在查看一节中的所有文章,您想返回主页,但是找不到后退箭头。 或者您找到了,但是不在另一个地方。 它只会令人困惑,烦恼,甚至会提示您离开,前往一个更方便的竞争对手网站。

4.在模块化网格上对齐


此项听起来很吓人,但实际上,这只是将页面对齐并分成几块的原理。 模块化网格是一种工具,可帮助将块彼此对齐并均匀,整齐地排列它们。 以下是使用模块化堆栈对齐元素的典型示例:

图片

5.易于理解信息的原则


该段实际上就是我们前面讨论的所有内容。 人是一个保守的人,他会谨慎和消极地对待所有创新,尤其是当他的计划中没有包含变化时。 有通常的获取信息的方法-例如,大多数用户会从左到右从上到下阅读页面。 不要使用户迷失在信息流中并执行不必要的操作。

而且,一个人是一个懒惰的生物,太多的文本信息可能会使任何用户感到困惑。 比较两种提交相同文本的方式:

图片

图片

该示例清楚地显示了文本布局如何影响感知。 由于某种原因,第二种情况下我们阅读起来更容易,尽管文本和文本的内容在这里和那里都是相同的。

当然,在获得Internet奖励并打破所有KPI记录的网站上,您几乎可以看到违反了所有这些原则,但这就是取得进展的地方。 设计人员不断监视数字化和采用不同解决方案的实验的新趋势。

设计师不是一个人工作,而是与设计师,布局设计师和程序员团队密切合作,因为任何专家都可以提出一个好主意,并且我们记住,每一个小小的事情对于您未来网站的成功至关重要。

Source: https://habr.com/ru/post/zh-CN418985/


All Articles