网页设计

小型企业网页设计

小型企业的网页设计涉及创建一个视觉上吸引人且用户友好的网站,以有效地展示企业提供的产品或服务。设计应针对搜索引擎进行优化,并应包含关键元素,例如清晰的号召性用语、轻松导航和移动响应能力。此外,它应该以与目标受众产生共鸣的方式传达品牌的个性和信息。设计良好的网站可以帮助小型企业建立强大的在线形象、吸引新客户并在行业中建立信誉。

2023正在流行的网页设计风格

Web 技术的快速发展,不仅让设计和产品足以满足更多更细致深入的需求,也让设计师能够进行更细腻更独特的表达。现今的网页设计趋势,已经不再仅仅局限于单一的技法,而更多是一种复合的、暗含意图的综合的设计方法。从色彩的选取、文本的布局、整体的界面设计和用户体验的呈现,都是当下文化和整个时代走向的一种反馈和外化表现。

《用色彩来强化主题》

明亮的色彩和鲜艳的色彩,在感知上其实是有所不同的。如果你能够明白两者之间微妙的差异,那么你对于色彩的掌控力就更上一层楼了。在图片和动画的基础上叠加色彩已经是非常的流行的技法了,这种趋势只会愈演愈烈,但是在色彩的选取和表达上,你需要更加小心,更加专业,才能比其他的设计项目更加具有表现力。

《目的性极强的动效》

动效并不是新鲜的事物,但是它也随着时间悄然变化,最新的动效设计越来越具有明确的目的性。每一个动效的意图,都是将用户引导到特定的位置,让用户与页面中特定的元素进行交互。

《单页设计的回归》

无限滚动依然有效,这使得单页设计再次流行起来。将网站的所有内容重新铺在首页,向下滚动即可获得,这样的设计在2019年开始重新流行起来。用户通过导航菜单,在页面内快速跳转。

《超现实主义的设计》

看惯了大量现实的设计,超现实主义风格的设计中所蕴含的丰富想象就显得非常迷人了。在2023年的诸多网页设计当中,那些比现实世界更梦幻的设计元素,显得更加吸引人,影响力更大。


2020年5个网页设计趋势

网站设计趋势每年都在变化和发展。紧跟最新趋势,可以防止您的网站过时,以下是长沙网站建设对2020年的顶级网站设计趋势,以确保您的网站设计在竞争激烈的市场中脱颖而出,同时仍专注于优化的用户体验。


1. 创意配色

2020年网页设计配色比以往更明亮,更大胆的配色。顺着这种趋势,网站设计师可以创建有趣的网站来吸引访问者。


2. 3D现实主义设计

尽管极简的设计将继续成为2020年网站设计的主要趋势,但3D技术的发展使这种趋势比以往更容易获得。设计师现在网站设计中探索3D设计元素,以增加尺寸,深度和触感。3D设计除了让您看起来有趣之外,还为设计增添了独特的深度,以创造直接的视觉兴趣和更具沉浸感的体验,对2D图形设计的静态性提出了挑战。


3D设计通过插图,印刷术跳入屏幕,并融入到网站设计中,是展示和展示产品的绝妙方式。该应用程序可以成为设计的关键方面而变得大胆,也可以设计元素和3D技术结合起来使用(例如照片和二维对象)结合起来而变得微妙。应谨慎使用3D元素,因为这会减慢网站的访问速度。


3. 开放式构图和不对称布局

开放式构图和不对称布局使您的网站在被用户查看时,给人一种好奇,好奇使他们想知道那里还有什么。优秀的设计师可以使用布局来创造和谐并在整个构图之间保持平衡,并通过处理品牌元素,摄影和复制等元素来为转换创建层次结构,从而为设计创造出独特的效果。


4. 流体风格

与常规流行的几何形状及其严格固定的锋利边缘和直线相反,2020年将看到网页设计中形状和构图的流动性增强,表明创造力,柔和和运动性。自然形状的设计是对开放构图布局的极大补充。


这些自然的线条和形状不仅适用于构图布局,还可以合并到设计元素中,例如文本框,图像框架,按钮,甚至是背景中的抽象形状。您可以将图像的形状裁剪为圆形的框,添加通常与其他效果(例如半透明、明亮的色彩或者渐变的色彩等。)结合的鲜艳的有机形状数组。


5. 极简主义

简约和极简主义将在2020年成为Web设计中的重要美学。这种简洁的外观将在干净通风的网站组成,摄影和品牌设计中体现出来。简约的设计既实用又美观。


什么是十大网页设计错误要避免?

值得庆幸的是,我们已经步入了一切发展到充分发挥创造力和卓越技能的时代。现在,我们拥有大量众多网站,彼此保持竞争优势。现在我们已经到了2019年的中途,即将进入2020年,如果我们拒绝开发我们周围的网站和互联网选项,那将是具有讽刺意味的。凭借庞大的数据库,人工智能,共享基础技术,小工具和先进的互联网趋势,我们已经走到了一个漫长的道路,我们无法想象那些90个远程和变态网站。今天,只有当我们遇到这样古老的网页时,我们才能大笑。2019年,您的网站可以影响您的整个业务。世界已完全数字化,正是由于这个原因,


我们有几次访问一个网站,一个计划不周的网页设计让我们失望。这里列出了10个错误,这些错误超过了我遇到过的所有网站错误,它完全驱使我去达到符合标准的东西。 


1.过度文字的搜索引擎

搜索引擎对任何网站都至关重要。这确实是为了方便访问者,通过易于导航到正确的页面或所需的信息。无论年轻还是年老,任何人都可能因为技能或急于登陆确切页面而面临打字问题。当搜索引擎没有提示正确的拼写或自动处理拼写错误,复数,连字符和搜索引擎中输入的文本的其他变体时,这只是令人头疼的事。另一个问题是,当搜索引擎根据它们包含的单词数量来确定结果的优先级时。访问者在您的网站上花费的时间取决于成功的导航,并且取决于正确的搜索选项。


2. PDF文件

如果有一件事可能导致读者分心阅读是一种中断。当人们访问您的网站时,他们会想要阅读引起他们兴趣的内容。如果用户喜欢您的内容,他/她将参与其中,除非有重定向文本文件可能会使他们偏离您的网站。同样,如果PDF文件位于文本之间,则用户将无法在其个人计算机上添加额外的选项卡。当然,这就像闯入两个人的谈话并打断他们谈话的流程。最好避免在两者之间添加PDF文件,以便用户更多地参与其中。PDF文件将通过designrr注册快速转换,当访问者登陆您的页面时,将显示的网页文本。PDF文件包含可能会打扰读者的小字体,因为他会不断地从较大的字体(在您的网页上)切换到较小的字体(在PDF文件上)。


3.这些网站不适合移动设备

在现代世界中,移动电话的使用率远高于笔记本电脑或台式电脑的使用率。网页创建者必须确保他们的网站在手机上兼容。手机比笔记本电脑更紧凑,因此人们携带的手机不仅仅是电脑。如果您的网站不是用户友好的手机,它将有更少的访问者。计算机需要一段时间才能启动; 这就是人们不喜欢手机的原因。根据互联网趋势报告,人们每天花费3.3小时在他们的手机上使用数字媒体。48%的网页用户表示,如果某个网站无法在他们的手机上运行,则会让他们觉得公司或创作者不关心他们。因此,对于网页来说,在移动电话上兼容是至关重要的,这样创建者可以变得更加成功并且用户在找到他们正在寻找的内容时没有问题。


4.长滚动页面

通常,当人们在寻找某些东西时,他们中的大多数都很匆忙。这就是为什么他们想快速得到答案而不想浪费时间的原因。因此,人们总是阅读他们面前的内容,并且不想向下滚动以进一步查看他们的答案。只有10%的用户滚动超出屏幕上可见的信息。如何将一些香料和糖霜放在顶部,以保持游客的兴趣和好奇心继续向下滚动。创建者必须将最重要的链接和信息放在顶部,以便访问者不会离开网站。 


5.动画文本

网站上永久改变的任何元素都不亚于眼睛折磨。感谢移动文本的日子已经一去不复返了。滚动文本,闪烁的单词,gif形式的动画图像,并没有给出一个设计合理的网站。这些动画只能用于帮助某些人催眠或让你有一种站在赌场内的感觉。闪烁的物体或文字只是折磨游客的邪恶行为。


您可以避免以下情况,除非您对网站访问者有恶意:


闪烁图片或物体失明。

动画文本的扭曲和折磨 

迷你弹出窗口摆动一个人的感官 

 

6.过时的信息 

当他们在这里了解星球大战时代时,您无法向访客提供有关侏罗纪时代的信息。对于一起查看更新信息的人来说,过时的信息是最大的推迟。为了保持可信度,必须提供有关真实主题的最新信息。网站创建者应该注意维护网站,以及创建新内容。 


7.自动打开新窗口

自动打开不需要的新窗口就像一个店主展示客户不需要的衣服,而在另一个客户上堆叠一个需要电熨斗。最好不要使用几个不需要的弹出窗口污染访问者的屏幕。这可能是未来回访者(可能是)的主要岔路。


另请阅读:  使网站翻译工作:最大化投资回报率的三个注意事项


8.不改变访问过的链接的颜色

如果您跟踪之前所做的事情,您将更容易继续您的旅程并决定下一步该去哪里。当用户访问链接时,用户可以排除该链接,因此用户不会再次返回该网页。相反,用户还可以指示如果他想重新访问该网页,则更容易找出它是哪个网页。因此,如果网页链接在用户访问后改变颜色,则至关重要。它可以防止用户无意中一次又一次地访问同一个网页。


9.超过3秒的加载时间

这是许多人已经知道的最受欢迎的问题,并且每次都会经历。研究表明,当用户打开网页时,他们会在3秒的加载时间后失去兴趣。网页创建者必须考虑网站加载时间的最高效率。它不应超过3秒,因为用户在3秒后失去兴趣。它可能导致网页创建者的垮台,成为访客花费时间的重要驱逐因素。


10.杂乱的页面

设计师过去常常将所有信息混合到一个页面的日子已经一去不复返了。令人难以置信的是Space Jam网站仍在运作,最初是在90年代设计的。看它超过5秒是一个两难的选择,并没有偏头痛,美丽的光线散发出许多明星让头晕目眩。向那些设法留下并查阅信息的人致敬,由那些被剥夺了理智和创造力的网页设计师开发。


网页设计正在走向自己的工业时代的5个迹象

互联网作为一个概念,作为一个社区,就像一个青少年:它正在努力建立自己的身份,每个人都试图告诉它该做什么,而且往往会抨击那些应得的人以及那些应得的人谁没有。

然而,网站建设设计网站的做法已经过了十几岁,完全超越了整个人类生命的隐喻。在我看来,网页设计已达到各种工业时代。

 

增加DIY功能

它们都旨在提高个人,业余爱好者,企业主和自由职业者的产量。曾经可能需要花费很长时间才能完成一个人的工作,或者一个人花费10个人的合理时间的工作,都是由一个人在很短的时间内完成的。

如果您是纯粹主义者,您可以随时手动将按钮缝到您的网页上。

 

提高专业级自动化水平

想想旧工厂里的大量织机。现在,自动化创意视觉作品并不是特别容易。网页设计中的大部分自动化都是在编码阶段完成的,包括前端和后端。但即使使用SketchAffinity Designer中的符号这样简单的工具,也可以大大减少生成大量设计所需的工作量。

或者至少像是大量的按钮。它不是旧工厂的完美类比,但我们拥有的工具使得它始终更容易生产出质量稳定的设计,即使它们也具有相当......“一致”的布局和美学风格。这种产量急剧增加是行业的定义。

 

扩展数字中产阶级

工业时代的DIY能力和自动化程度的提高导致了人们可以承受的巨大扩张。一般来说,工作量的增加意味着更多的人可以负担得起这些东西,因此,中产阶级就诞生了。

网页设计也发生了同样的事情。对于廉价的爱好者或专业建筑工地,共享主机每月只需几美元,代码编辑是免费的。对于不那么以代码为重点的业余爱好者和企业主来说,无代码的网站建设者也很有吸引力,而且价格也很实惠。大量平台提供直接的免费计划。

获得某种形式的网络存在实际上从未如此简单,并且它将变得越来越容易。

 

外包和转包

然后,当然,有外包和分包。它们有两种主要形式:软件即服务和劳动力。特别是SaaS已经变得非常受欢迎,因为它可以构建一个不断为自己付费的产品,让您专注于维护和改进。老火车工程师希望他们能够在他们还在运行的时候在火车上工作。

虽然我认为很少有网站被困在烟雾缭绕的工厂的孤儿建造,但我们不应忽视那里有大量廉价劳动力这一事实。你知道吗?其中很多实际上是非常好的,并且由于国家之间的经济差异而只是便宜。这实际上引导我到下一点......

 

行业标准执行不力

工业时代在世界各地发生的一个缺点就是:不断推动进步有时在我们对待同胞的方式上有很多不足之处。当然,这不是泡沫中的网页设计师所发生的。“工具经济”通常被用作不为员工提供福利的借口。廉价劳动力往往以最坏的方式利用。过度劳累的人不是用鞭子来完成的,而是用Instagram和推特的方式赞美八十个小时的工作周。

确保产品质量的实际标准往往被忽略。W3C做了很多很好的工作,但它们实际上没有能力强制执行HTML验证。嗯......这可能是最好的,所有考虑因素,但正如我们所见,政府也没有能力为整个互联网提供质量保证。

但是,我应该注意到,我非常感谢政府主导的一些在无障碍领域所做的工作,特别是在需要WCAG合规的国家。

 

害怕过时

工业的泛滥创造了大量的就业机会,并杀死了很多其他人。然而,设计仍然是一个创造性的学科,因此总是有优秀设计师的空间。即便如此,自动化和无代码设计工具让人担心,我可以理解为什么。也就是说,很多人实际上会雇用你为他们使用Wix,所以...... 耸耸肩

人们外包相对简单的任务可能会拯救我们。

 

这不是所有的厄运和沮丧......

我们称之为手工制作的网站......嗯......那。有时候“定制”。也许更好的词是“手工艺”,我们应该习惯于成为一个时髦的人。我只是在开玩笑。

在我们目睹的每个工业时代,事情变得糟糕,然后他们变得更好。我们还没有摆脱所有的烟囱,但世界在很多方面都比现在好得多,互联网的发展速度比世界其他地方要快。现在可能是一个工业时代,但想象一下当他们发明计算机时会是什么样子。


每个网页设计师都应该收听11个播客

您是否希望了解网页设计的世界?播客就像在线脱口秀一样,是从更有经验的人那里审视新视角的绝佳方式。提示,见解和访谈是他们的全部内容,以及深思熟虑的讨论。


如果您有很多停机时间,例如当您开车或工作时,请使用其中一个播客填充沉默!您可能会学到新的东西,或者至少可以通过故事和有趣的主人来娱乐。



这个有趣的播客自2005年开始营业。它讨论了各种有趣的网页设计主题,并考虑到初学者和资深设计师。您可以在网站上或在各种其他平台上收听,包括Spotify和Google Play。



40分钟的播客是快速休息的完美选择,您可以聆听经营了20多年的设计师与各种客户交谈。学习如何成为一名成功的设计师!



这个双人播客非常适合有抱负和成熟的网页设计师和开发人员。ShopTalk通常是一个小时,它只是提供了有用的提示。在网站上,您可以跳转到播客中的某些点,下载文件,甚至可以向他们提问!



虽然它已经退役,但这个播客仍有大量有价值的剧集。Web Ahead专注于引入来自世界各地的互联网专家。虽然某些内容可能已经过时,但对于在线工作的人来说,这仍然是一个永恒的建议来源。



想跟上网络发展的趋势吗?编码语言,程序和所有开源都是这个播客的全部内容。很多剧集有三个人,所以这绝对是一个很生动的剧集。




虽然不专注于设计,但这个庞大的档案馆是各种自由职业者的绝佳资源。了解如何经营小型企业至关重要,这里有数百集可以收听。选择一个你喜欢的主题并倾听!


设计师兼开发人员二人在这里谈论这些主题,以及每个自由职业者想要听到的其他信息的混合。想要博客,创业或跟上技术?黑客用户界面是完美的!


对于设计师来说,这是一个很棒的,提供有关艺术,内容和技术的建议。每集通常都有熟练的客人 - 通常是他们所在领域的经验丰富的设计师或开发人员。大多数运行时间不到一小时或超过一小时。



Syntax专为开发人员而设计,涵盖了各种广泛的主题,包括编程语言,设计标准甚至生活技巧。当你的时间不够时,也会有较短的“冬冬款待”剧集。


有趣和有趣,未完成的业务涉及各种主题,重点是设计和互联网。这里介绍了从处理不守规矩的客户到设计行业的心理健康问题。



这是一个具有强大利基的播客:采访人们使网络更具响应性。互联网正在变得更加动态和移动友好,RWD的主机将教你如何保持领先。


另一种观点

每个人都有独特的学习方式。有些人在阅读和研究方面做得最好,而有些人只能通过经验学习。许多人只是通过倾听和吸收信息来做到最好。


如果您喜欢听网页设计师谈论他们的经历并提供建议,请尝试其中一个播客!它们可以为设计和开发领域提供开明的额外视角。


关于如何才能做出完美的网页设计的4点建议


1.通读建议并做笔记

在撰写提案之前,您需要做好自己的研究。仔细阅读他们的整个帖子,以确定几件事情:

  1. 他们的时间表是什么

  2. 他们的预算是多少(如果它甚至值得你花时间!)

  3. 他们最终要求什么产品

  4. 他们的目标受众是谁

  5. 他们需要或寻求什么技能

  6. 他们可能希望看到的以前的项目

一旦你完成了解析他们的请求的尽职调查,那么你可以着手编写一个适当的提案。虽然我们强烈建议您不要使用通用的复制/粘贴提案,但如果要制定提案的架构以使其更快写入,同时证明您了解客户的需求,则始终有一个好主意。

一旦你找到了工作,有一个像这样的标准表格可能是一个好主意,你可以发送客户表明你很专业,并且关心他们的投入。

2.创建一个标准表格来申请(但只有一个线框)

我们推荐如下内容:

我是[ 他们 ] [ 他们正在寻找的具体词语,如设计师,作家或开发人员 ] [技能]和[ 与他们已建立的项目具体相关的工作或项目的经验]你可以在这里查看[ 提供你项目的链接 ]。我也有与[ 他们的目标受众以及您为他们写作的经验等 ]合作的经验。我可以[ 插入时间范围 ]为[ 您的价格点 ] 完成您的项目

它不需要像这样,但是具有标准形式与回收相同的提案不同,因为您可以通过这种方式快速方便地找到相应的提案,因此您不需要花费几个小时就可以完成提案,同时还可以能够在您的提案中具有原创性和特定性。

不要忘了具体说明你的技能。你有5年的平面设计经验吗,还是你有专业写作学士学位?不要让他们筛选300页以上的技能 - 使其简单易读,但足够广泛,以至于他们看到你可以处理他们工作的每个组成部分。

记住客户也有工作要做。与他们沟通,确保你从他们那里得到你需要的东西。


3.原创和具体

您不必每周花40小时写一份提案,但如果您真的想要这份工作,您需要花费几秒钟的时间完成一些工作。

想想客户花了多少时间来制作他们的建议,并发布它来寻找人们来帮助他们 - 理想情况下,您应该花费大量的时间花费在自己的招聘信息上,就像您在提案中所做的一样。

让我们首先重申:不要复制和粘贴是的,这是一种简单的方法,可以快速获取您的名字,但客户可以通过此方式看到。当你甚至没有提到他们的项目或者他们的项目可以提供什么价值时,最糟糕的进攻是。

您的客户可以在几秒钟内看到您的模糊通用提案。有时候,这是一个问题,客户会在他们的提案中要求自由职业者在提交之前在提案的开始部分放置“菠萝”或“独角兽”等词语,以确保他们已阅读并理解有关工作发布的所有信息。

展示你的作品!如果你没有太多的样品可以发送,特别是如果你刚刚开始使用,那么当他们提出要求时,为客户提供一些模型以提供给客户将是一个很好的时间和精力投资。更好的是,不要等待他们问 - 向他们展示!获取一个网站来引导您的客户参与您的建议。

重新设计一些你最喜欢的网站,为假公司制作一些标志,写一些关于任何事情的博客文章 - 这主要取决于你做了什么和你申请什么,但是确保你有什么证明你的东西可以完成这项工作。

4.提出时间表

这是至关重要的,不仅仅是说你可以在两周内完成工作。通过将他们的项目分解成更小的任务并为每个任务提供一个时间表来尽可能具体。例如,你可以说研究和头脑风暴将需要三天的时间,用一点时间与客户就你的想法进行交流,并将他们的反馈意见加入其中,并且线框图需要两天,等等。

客户不仅会感激您花时间充分考虑您的承诺和他们的需求,同时也会理解您明白他们要求的复杂性和细微差别。它将表明你对工作的认真态度,并将帮助客户更好地理解与你的合作将会是什么样子,以及项目的更大进程是什么样子。

最后一件事

请记住,作为一名自由职业者,你在销售自己和你的服务,你必须看到你自己,你的工作以及你作为一个企业所提供的东西。

不要让你的提案长达五页。保持简短,甜美,简洁和经济。你希望尽可能具体和狭隘,并且在解释你的过程和他们的项目时尽可能描述性,同时尽可能简洁,以便他们迅速而迅速地知道你是合适的工作自由职业者。

这样想一想:选择3个技能,挑选3个最近的项目,并将时间表分成至少 3个任务。现在出发,开始工作吧!

最大的收获?花在提案上的额外时间可以为您带来更好的合同,这意味着支付更高的工作机会更少。你可以更好地工作,减少工作量。


为什么这么多的设计伤害了用户体验

虽然强烈的声音对设计有很大的影响,但有时候他们实际上阻碍了这个过程。想法来得太迟,太复杂/简单,或者内在错误会减慢过程并产生比他们修复更多的问题。

孤立地进行设计可能会对产品开发造成危害,因为会得到太多的意见 - 如果您期望从手中拿出完美的产品从象牙塔出现,那就再想一想。那么怎样才能有效地实现委员会设计和单独参与项目之间的界限呢?

设计问题的“根源”

设计的最大挑战有三种形式:

  • 一个善意的意见乱舞可能来自错误的层面。

  • 委员会在错误的时间发表意见(例如,太迟了)。

  • 利益相关者或其他方可能会提供他们的观点,而没有背景或背景,为什么你的团队首先做出某些决定。

为什么我们有“设计委员会”在第一位?

在竞争激烈的商业环境中,企业运营的观念是产品越多,他们发布产品的可能性就越小。这看起来很合理 - 直到我们在实际应用中查看它。

当我们从焦点团体,消费者和我们伟大的阿姨雪莉那里得到反馈时,我们所得到的很多都是混乱。通常,委员会的设计导致许多功能 - 但没有核心直观的用户体验。

我们说,当你在厨房里有太多的厨师时,你所得到的就是一团糟。然而,世界上有五个明星厨房制作令人惊叹的艺术作品,诱惑我们的味蕾 - 他们正在团队中工作。我们如何知道什么是太多,什么是一个有艺术价值的团队?

如果我们必须强调一个,那就是它是一个协作工作的专家团队。一位副主厨可能会提供关于肉汁的意见,但他们都去了烹饪学校,并且分享了类似的专业知识。你会注意到,他们没有对其他顾客进行口味测试,因为他们将餐具抛出门外。

当反馈是有用的 - 以及如何去寻求它

反馈可以在适当的时间和正确的人员提供帮助。而不是由委员会“设计”,这里有一些建议,让客户,合作者和管理层参与协作而不是有害的方式:

与管理层合作

在从管理层获取反馈时,请采取以下步骤:

  • 使用数据很有可能,你会与管理层讨论某些功能应该如何工作。在这种情况下,数据就是你的朋友 - 使用行为数据等定量指标和市场研究等定性指标来推动你的立场。数据赢得争论,并允许管理层成员作出知情的意见,这可能会转化为有用的反馈。

  • 尽早且经常分享最糟糕的职位之一是走下一条路,管理层告诉你你完全脱离了基地。在这里,你只有两种选择:扔掉你所有的旧工作(浪费时间和金钱),或试图将所有管理层的新要求加入到你现有的产品中(这可能会导致一些琐碎的工作)。虽然可能难以显示出你所知道的是粗略的迭代工作,但应该养成在工作流程早期向管理层展示工作的习惯。说起来容易得多,“这对你来说看起来如何?我是否朝着正确的方向前进?“而不是管理层认为你完全脱离了标准后退。这一简单步骤可帮助您的团队与管理层的目标保持一致。

  • 从广泛的范围开始在开始时探索多种选择要容易得多,显示出许多可能的方法及其优点和缺点。不要以一种想法向管理层呈现“是”或“否”的方式,你可以问“哪一种对用户更直观,A还是B?”

与同事交谈

如果有一个委员会是你无法避免的,那就是你的同事。与同事进行有效协作的关键是从一开始就引发多种观点。例如,虽然您可能正在考虑直观的设计组件,但工程师可能无法以对用户有意义的方式实施它们。

如果我们回想一下我们餐厅的例子,我们知道一个巧妙的菜式来自不同部分的专家之间的合作 - 一名厨师设计一顿饭,一名副厨师帮助执行订单,一名美食家制作开胃菜和酱料,一条线厨师准备单个组件,等等。这个活动一起转化为餐桌上的一顿饭 - 你可以打赌他们在整个过程中都在谈论它。

您的数码产品也不例外。你可以简单地通过与不同部门交谈并了解你的愿景如何转化为现实而学到很多东西。从那里,你可以做出必要的调整,发展成为一个直观,高品质的产品。

与客户合作

客户是必要的,但有时令人沮丧的的,部分的设计过程以下是一些需要牢记的提示:

  • 以“客户永远是对的”,用大量的盐换句话说,给客户他们想要的东西,但不一定是他们要求的东西。不要陷入让客户为你设计产品的陷阱 - 记住,他们雇用你的专业知识并愿意做他们不能做的事。实现这一目标的一种外交方式是通过将对话回复到你想为他们解决的问题重点关注产品与其目标和结果的一致性,而不是在每次会议上创建新的解决方案。

  • 不要走上防守同时,你不想通过重复你所说的一遍又一遍来关闭对话。如果客户提出与您的想法背道而驰的东西,请说:“这听起来像某些东西不适合您。你认为我们可以在哪里改进?“这将引导对话回到当前的设计,而不是想当场想出新的解决方案。

  • 指导对话与“今天我们正在寻找关于网站导航的反馈”开始对话会变得更容易,然后尝试让对话继续进行。尽量减少分心,你会避免在道路上的冲突。

平衡委员会思考与智能帮助

在项目中工作的几个人不一定是坏事。正确执行时,协作可以带来好的结果。了解如何与项目中的关键利益相关方进行交谈可以发挥重要作用。


纵观2018年的热门网页设计趋势

从极简主义到动画到低聚图形,网页设计趋势多种多样,并且一直在不断发展。跟上这些转变对于避免让您的网站过时或过时非常重要。当然,你应该总是试图保持自己独特的风格,但如果重新设计是有序的,那么结合这些成功的设计选择只是激发新老客户的一种方式。

响应

2016年和2017年看到了对响应能力的巨大推动。在每个人都拥有手机和商店的时代,确保移动用户拥有愉快的体验至关重要。在WordPress中,主题和插件的响应成为预期的默认设置。如果一个网站对您的设备进行了很少的优化,那么移动用户就不会继续留在这里。

2018年,事情应该开始平静下来 - 但这并不意味着回应并不重要。只是现在你应该知道更好。总是设计一个网站,同时满足移动需求,如果不是以移动为先的理念!


极简主义

空白,平坦,鲜艳的色彩和简单的标志如果您访问了10个站点,至少有一半会采用这种简单的设计。这不是没有道理的; 页面资源越少,加载时间就越快。搜索引擎优化更容易优化,用户享受整洁的体验。

有些网站甚至使用极简主义的无边框设计,其中页眉,页脚和侧边栏全部被删除。这不是一种可以适用于所有网站的风格,但它仍然受到关注。


色彩艳丽而阴暗的网站

一些设计师已经厌倦了大量的空白,并且更多地推动了独特而多彩的调色板。从大胆的粉彩到华丽,饱和的主题,期待看到更激烈和荧光色彩的崛起。

还要注意渐变的回归平整的颜色仍然风格,但许多设计师喜欢渐变可以提供的动态但细微的外观。


独特的排版

印刷术目前正在进行一场革命。过去,许多网页设计师并不关心它。选择一个好的,干净的,可读的字体并继续前进。现在我们看到更多引人注目,有影响的标题。手绘字体也被纳入横幅和标志 - 给予额外的个人接触。


纳入艺术

现在是在网页设计行业成为艺术家的好时机。艺术可以使网站看起来更加亲切和工厂制造,所以它是小型企业的热门选择。这种艺术大部分都是简单而多彩的风格,与简约网站和调色板都完美融合


动画

从成熟的动画网站到简单的悬停效果,这些网络现在非常活跃。徽标正在变成动画。点击按钮时,按钮闪烁并滑动。动画角色在屏幕上闪烁。

动画是一项重要资产,可以为您的网站增添更多个性。但它也可能是一个烦恼,导致加载时间缓慢和分散访问者。诀窍在于知道何时炫耀用户,何时让他们专注于您的内容。


虚拟现实

VR已经走过了很长的一段路。你可能只知道它是一个新的游戏平台,但虚拟现实正在网络世界建立一个立足点。在3D中检查产品。穿过一间可出租的房子。使用网站作为视觉文章。您现在只能看到使用VR的边缘网站,但在未来几年肯定会爆炸。


展望设计的未来

技术力量强大,个性十足:这是网络发展的方向。手绘艺术,动画,香草字体较少以及用户参与度增加。换句话说,一个看起来像它的网站是由人而不是机器设计的。随着这一点,我们看到了VR,JavaScript等等的兴起不知道未来会是什么样,但2018年看起来很光明。


识别和避免常见的网页设计错误

当您设计自己的网站时,会出现一些意想不到的障碍。您可能在使用自定义代码时遇到问题,或者您的网站无法获得您需要的访问者数量。有时你会开始意识到设计看起来并不现代,或者网站的速度可能不符合你的标准。

更常见的情况是,在提交了一个更常见的网页设计错误之后,您会遇到这些问题。这些都很常见,即使有经验的网页设计师也会这样做。但尽快解决这些问题是一个好主意,因此您可以修复这些问题并使您的网站更具吸引力。

那么,什么是最常见的网页设计错误?让我们来看看:

使网站太混乱和混乱

现代的极简主义风格的网站今天非常流行 - 但它不仅仅是一种时尚。曾经有一段时间,当更多人被认为是更好的时候,在那里你会建立一个引人注目的Flash动画网站,并用图像和文字覆盖每一页。幸运的是,我们了解到人们对在线快速查找信息更感兴趣。在前进之前,他们对筛选混淆的主页或等待观看动画或视频不感兴趣。

底线是你的菜单应该尽可能少的选项卡。应该很容易找到,并且您应该考虑找到一些测试版测试人员,以了解他们可以在网站中移动的速度。这样,您也可以在启动之前从真人中获得反馈。

利用可怜的号召性行动(或根本没有)

使用这些测试版测试人员,您可以快速了解用户是否正在转换 - 速度有多快。例如,您可能会立即意识到您没有在首页上提供号召性用语标题和按钮在这种情况下,你的用户无处可去。即使您确实有号召性用语,也必须经常文字,按钮颜色,尺寸和位置进行A / B测试这会让你了解人们对CTA的反应。热图也是这方面的优秀工具。

提高设计速度

速度看作比设计更重要的想法可能听起来很奇怪,但如果运行速度太慢,你不会让很多访问者访问一个漂亮的网站。托管与您的网站的速度有很大关系,所以找到一个托管公司可以处理您的流量。另外,您还需要使用精心编码和轻量级的插件,扩展和主题。没有什么比选择一个主题更糟,并且意识到它与您的网站代码冲突或迫使您的网站缓慢运行。

忽视移动设备的需求

由于许多人使用移动设备在线浏览和购物,许多专家认为,您的网站移动版本比常规桌面版本更重要。这意味着您完成的网站需要一个移动版本,当检测到较小的设备时会自动加载。这不仅会让用户在使用手机和平板电脑时更高兴,但Google会注意到移动版本并可能会提高您的搜索排名。如果您正在从主题开始工作,请确保在购买前测试移动版本。大多数开发人员声称他们有响应式设计,但这并不意味着他们看起来或工作得很好。

用太多文本填充页面

文字非常适合标题和为用户(以及搜索引擎)提供有价值的信息。然而,你最好试着用媒体和文本的组合来传达你的信息。考虑一段与视频配对的小段落,其次是一些图片,体验将会如何更愉快。将它与一个由三个或四个段落组成的主页相比较,可以清楚地看出哪一个效果最好。


如何找到一个好的网页设计组合

一个网页设计组合是一个网页设计师什么展览是一个艺术家:有机会通过精心挑选的横断面向公众展示他或她的工作。正如艺术家的展览质量不同,网页设计组合也是如此。所以,这里是如何找到一个好的网页设计组合。


不要太小

虽然一个好的网页设计师只会显示他们最好的作品样本,但投资组合不应该太小。如果那里只有少量的工作,那么设计师很有可能是新的业务,也许没有经验。如果有疑问,请查看更多链接。


各种设计

寻找各种设计; 如果他们都看起来一样,你必须问自己 - 我想让我的网站看起来像这个投资组合中的所有其他人?如果所有网站看起来非常相似,也可能会向您发出警告,指出设计师将所有设计都放在单个模板上(以节省自己的时间)。


各种类型

有很多类型的网站。您可以拥有简单的宣传品网站,网上商店,社区网站,内容管理网站等等。投资组合是否展示了这一领域的一系列技能?如果设计师的开发技能差,你会发现他们都是在线手册。


各种客户

来自不同行业的客户?如果一个设计师有一个利基市场是公平的,如果他们不是但一定要检查你属于这个利基。客户有各种形状和大小:创意人,商人,小企业,企业等。每个人都需要不同的头脑和技能。此外,请注意一个设计师已经完成了相当多的网站,但都是为同一个客户端。你可能会发现他们陷入困境。


各种技能

网页设计有几个方面:


设计 - 使网站看起来不错,易于使用

开发 - 编程网站具有互动功能,如新闻和购物

营销 - 使网站出现在搜索引擎上,将访问者转化为客户/客户

可用性 - 使站点直观易用

投资组合是否高于所有计数?


这些网站是否链接到完成的网站?

确保投资组合中的网站不仅仅是“概念”。一个概念通常只是一个视觉 - 远离一个完成的网站!


8个您应该知道的网页设计原则


您的网站设计比您想象的更重要。您可以在世界上实施任何转化提升策略,但如果看起来像垃圾,那么你不会很好。


设计不只是设计师的设计。设计是营销。设计是您的产品及其工作原理。我对设计了解越多,结果越好。


这是您应该知道和遵循的8个有效的网页设计原则。


注意:ConversionXL研究所是营销人员的前1%的学习手段的地方。今天注册


有效的网页设计原则1:视觉层次

吱吱吱吱吱吱吱吱吱吱吱嗒的轮子得到油脂和突出的视觉效果引起注意。视觉层次是良好网页设计背后最重要的原则之一。人眼看到的是什么样的顺序。





不知道有关这些圈子的事情,你很容易对他们进行排名。那就是视觉层次。


您网站的某些部分比其他部分(表单,号召性用语,价值主张等)更重要,您希望这些部分比较不重要的部分更受关注。如果您的网站菜单有10个项目,都是同样重要的?您希望用户点击哪里?使重要链接更加突出。


层次结构不仅来自于大小。亚马逊通过使用颜色使“添加到购物车” 呼叫更加突出:




从商业目标开始


您应该根据您的业务目标对您网站上的元素进行排名。如果您没有具体目标,您将无法知道要确定哪些优先级。


这是一个例子,这是一个截图,我拿到了威廉姆斯索诺玛网站。他们想卖户外炊具。


最大的眼睛捕手是巨大的肉块(让我想要的),其次是标题(说是什么)和呼吁行动按钮(得到它)。第四名是标题下的一段文字,第五名是免费送货横幅,顶部导航是最后一个。这是完美的视觉层次。



浏览网页并有意识地对视觉层次结构中的元素进行排名。然后去看你自己的网站。有什么重要的(关键信息点,访客可能寻求)在层次结构中不够高?改变一下


更多关于视觉层次结构。


有效的网页设计原则

黄金比例是一个神奇的数字1.618( varphi),使得所有的东西与美观相称(或者相信)成比例。


那么还有  斐波纳契序列  ,其中每个术语被定义为前面两个术语的和:0,1,2,3,5,8,13,21等等。有趣的是,我们有两个看似无关的话题产生相同的确切数字。



这当然只适用于最窄版本的UI。如果您的浏览器窗口更宽,您的详细信息窗格将会展开,以提供更多的实用程序,从而减少这些比例。但最窄的宽度显示了我们开始的比例。


因此,如果您的布局宽度为960px,请将其除以1.618(= 593px)。现在你知道内容区域应该是593px和sidebar 367px。如果网站高度高达760px,您可以将其分割成470像素和290像素块(760 / 1.618 =?470)。



有效的网页设计原则3:希克定律

希克法则说,随着每一个额外的选择都会增加决定所需的时间。


你在餐厅经历了无数次。具有巨大选择的菜单使您难以选择您的晚餐。如果只提供2个选项,作出决定将需要更少的时间。这类似于悖论选择 - 你给人的选择越多,选择就越容易。


用户在使用网站时使用的选项越多,使用(或根本不会使用)就越困难。所以为了提供更愉快的体验,我们需要消除选择。为了做出更好的网页设计,在整个设计过程中消除干扰选项的过程必须是连续的。


在无限选择的时代,人们需要更好的过滤器!如果您销售大量产品,请添加更好的过滤器,以便更容易的决策。


葡萄酒图书馆销售大量的葡萄酒。他们在过滤器上做得很好(在左边):




了解更多关于希克定律。


有效的网页设计原则#4:菲特定律

菲特定律规定,移动到目标区域所需的时间(例如,点击一个按钮)是与目标的距离和目标的大小的函数。换句话说,一个物体越大,它越靠近我们,就越容易使用它。


Spotify使其比其他按钮更容易点击“播放”:




他们还将其放置在左上角的全屏桌面应用程序中,这被认为是最有价值的房地产,因为角落在技术上是最容易接近的。然而,这不适用于网页设计(由于滚动和操作系统的方式)。


这并不意味着越大越好。占用一半屏幕的按钮不是一个好主意,我们不需要数学研究来了解这一点。即使如此,Fitts定律也是二进制对数。这意味着对象的可用性的预测结果沿着曲线运行,而不是直线。


当给予20%大小的增加时,一个小按钮将变得更容易点击,而当给定相同的20%的大小增加时,非常大的对象在可用性方面不会有同样的好处。


这与目标大小的规则相似  。


按钮的大小应与其预期的使用频率成比例。您可以检查您的统计数据,人们使用的按钮最多,并使流行的按钮更大(更容易命中)。


让我们想象一下你想要填写的表单。在表单结尾处,有两个按钮:“提交”和“重置”(清除字段)。




99.9999%想要点击“提交”。因此按钮应该比“重置”大得多。


更多关于菲特定律。


有效的网页设计原则#5:三分法则

在设计中使用图像是一个好主意。视觉传达您的想法比任何文本快得多。


最好的图像遵循三分法则:图像应该被分为九个相等的部分,两个等间隔的水平线和两个等间隔的垂直线,并且重要的组成元素应沿着这些线或它们的交点放置。


看看右边图像更有趣吗?这是行动中三分之二的规则。


图片来源:维基共享资源


用美丽的,大的图像有助于设计,因为它是(不耐受的增长  Pinterest的),遵守这个规则,将会使他们更有趣,因此您的网站更具吸引力。


有效的网页设计原则#6:格式塔设计法

格式塔心理学是一种思想和脑力的理论。它的原理是人眼在察觉到他们的各个部分之前,看到对象的全部。


这就是我的意思:




请注意,您如何看待狗,而不关注狗组成的每个黑点?


这里的关键是在人们看到这些部分之前看到了整体。人们总是先看到你的整个网站,然后再区分标题,菜单,页脚等。作为构图的创始人之一,库尔特·科夫卡(  Kurt Koffka)  表示:  整体独立于零件。


有八种所谓的格式设计法允许我们预测人们会如何看待某些东西。他们来了:


近似法则 


人们将东西集合在一起,在太空中紧密结合在一起。它们成为一个单一的感知对象。


通过有效的网页设计,您需要确保不合在一起的东西不被认为是一个。同样,您想将某些设计元素组合在一起(导航菜单,页脚等),以形成一个整体。



 


2.相似法则


我们把类似的东西在一起。这种相似性可以以形状,颜色,阴影或其他质量的形式发生。


在这里,我们将黑点分组成一组,并将白点分成另一组,因为 - 好像,黑点看上去是相似的。


代码学校使得所有的推荐框都相似,所以我们将所有的推荐视为一个单独的组:



3.关闭法


我们要求完整性。当没有关闭的形状,当整个图片的部分丢失时,我们的感觉填补了视觉差距。我们看到两个正方形重叠在四个圆上,即使这些形状实际上并没有存在于图形中。



没有关闭的规律,我们只会看到不同长度的不同的线条,但是根据关闭的规律,我们将线条整合成整体。



对称法则


心灵将对象看作是对称的,围绕中心点形成。能够将物体分成偶数个对称部分,感觉上令人满意。


当我们看到两个不连接的对称元素时,心灵感知地连接它们以形成一致的形状。




当我们看看上面的图像时,我们倾向于观察三对对称括号而不是六个单独括号。


人们喜欢不对称的外观。平衡三列和曲线增添了BootB网页设计的享受:




共同命运法


我们倾向于将对象视为沿着路径移动的线条。我们将具有相同运动趋势的对象组合在一起,因此处于相同的路径。




人们将某些地方的棍棒或举手集中在一起,因为他们都指向同一个方向。您可以使用它来指导用户的注意事项(例如注册表单,价值主张等)。




例如,如果存在点阵列,而另一半向下移动,则一半的点向上移动,则将向上移动的点和向下移动的点看作两个不同的单元。


6.连续性法则


人们倾向于认为一条线是继续其确定的方向。在对象(例如行)之间存在交集的情况下,我们倾向于将两行视为两个单一的不间断实体。刺激仍然显着,即使重叠。




Fixel使用它将面孔连接到bios:




还有其他的格式法律,如图和地面或良好的格式塔法(如果它们形成正常,简单有序的模式 - 像奥林匹克环),我们认为这些提法这里是最有用的知道。


有效的网页设计原则#7:白色空间和干净的设计

白色空间(也称为“负空间”)是页面部分“空”。它是图形,边距,沟槽之间的空间,列之间的空间,类型或视觉线之间的空间。


它不应该被认为只是“空白”空间 - 它是设计的重要元素。它使它中的对象完全存在。白色空间是关于层次结构的使用。信息的层次,无论是类型,颜色还是图像。


没有空白的页面,充满文字或图形,容易出现繁忙,杂乱的风险,通常很难阅读(人们甚至不会打扰)。这就是为什么简单的网站在科学上更好。


足够的空白让网站看起来“干净”。虽然干净的设计对于传达清晰的信息至关重要,但它不仅仅意味着更少的内容。清洁设计意味着充分利用其空间的设计。为了做一个干净的设计,你必须明白地使用白色空间知道如何清晰地沟通。



精细的白色空间使它很容易集中在主要的消息和视觉效果上,而身体的副本易于阅读。


白色空间促进优雅和复杂性,提高易读性和推动焦点。