网站重新设计中成功进行视觉设计的7个关键

　　我们已经到达了网站重新设计过程中最激动人心(最具争议性)的阶段之一-视觉设计。您会看到，一些Web团队天生就是伟大的，有些成就卓越，有些则强加于他们。或者，有些人花了很大的精力讨论导航菜单的颜色六个月。

　　当您只有 15秒的时间就能给人留下良好的印象时，您很容易忘记最初的重新设计目标，花数周的时间进行色彩搭配，无论徽标是左移还是右移，还是先后寄回证明。

　　尽管菜单颜色之类的东西很重要，但视觉设计阶段仅是一个阶段。这只是整个网站重新设计过程中的一个因素。请记住：重新设计是一场马拉松，而不是短跑。在比赛中途不要失去自己的伟大(或头脑)。

　　相反，请遵循这七个技巧，以使您的视觉设计步入正轨。

　　1.优先考虑良好的设计和良好的用户体验

　　一个好的网站设计既美观又用户友好。发挥创造力，但要确保设计不会破坏用户体验。根据Next Web News的说法，将优质的UX和优质的设计结合起来时，最常见的错误是：

　　1) 为自己设计

　　2) 令人费解的UX for UI

　　向用户询问太多信息

　　如果您参与了新网站的创意工作，则很容易将新设计设想为自己喜欢和喜欢的东西。但是，有更多的受众在玩耍-利益相关者，典型用户，每天将与网站后端交互的实际Web团队人员。

　　该网站需要吸引您的目标受众，这要通过吸引人的视觉效果并扎根于用户行为研究和可用性来实现。一个好的站点应该看起来不错，但使用起来也很不错。为了做到这一点，用户应该能够使用最佳工具(UI)在网站(UX)上完成操作。与设计团队共享优先事项时，请务必同时强调两者。

　　2.确定设计要求

　　研究哪些设计要求是您网站必须(或必须)的。通常，这种情况发生得太少或太迟，突然间，您又回到了导航菜单上六个月的辩论。您的网站需要使用特定的颜色吗?某些徽标?每个页面应采用相同的格式吗?有不同的导航菜单吗?页脚中是否应该包含地址?

　　早成立的设计要求甚至可以在问题出现之前就提供解决方案。更重要的是，设计要求可作为设计团队的指南，从而节省了宝贵的时间。它们将基本设计决策和在校对过程中花费的时间的往返时间减至最少。确定要包括的设计元素后，退后一步，让设计专业人员开始工作。

　　3.设计时要考虑可访问性

　　说到设计要求，请不要忘记可访问性!设计您的网站现在可以访问比较容易(而且很客气)，而不是以后花更多的钱使网站在发布后可以访问。这与优先考虑良好的设计和良好的用户体验密切相关，应将其扩展到所有用户。在设计时要考虑到可访问性，或者说“ 以同情心进行设计 ”，这意味着要考虑诸如页面颜色，屏幕阅读器的工作方式以及正确的标签之类的问题。

　　例如：您是一家高等教育机构，希望在网站重新设计中将更新的校园地图显示在主页上。您决定在地图上用红线和绿线标记某些路线，以标记最快的方式浏览校园，包括进入新的学生方向。

　　但是， 由于目前全世界约有8%的男性和0.5%的女性患有色盲，因此，新生很可能无法区分地图上的不同路线，也无法分辨哪条路线会导致学生入学，而无需进一步的信息。

　　通过从一开始就考虑可访问性进行设计，您可以为地图图像提供替换文本，以区分路线或包括文本地图方向。现在，您已经为用户提供了良好的体验，而不是接听一个困惑的学生(或沮丧的父母)打来的电话，并且事后必须重新进入并调整主页图像。

　　4.创建页面模型和原型

　　很难将线框或站点蓝图设想为可正常运行的网站。虽然两者都显示布局或信息体系结构，但它们通常不显示整体样式，颜色或图形。

　　您可能不知道盯着线框看完后该站点的实际外观是什么。在Photoshop中创建页面模型或创建HTML原型可以更完整地显示已完成的项目，并提供切实的网站愿景，以便与利益相关者共享。如果您是在内部执行此操作，则PSDFan上有几个很好的示例，介绍了如何开发自己的示例并将它们转换为HTML。否则，您的设计团队应在实际的站点开发开始之前提供一些原型供批准。

　　再说一次，现在花些时间来制作原型比在一个屏幕上和纸上看起来完全不同的网站上结束更好。

　　5.采取真正的“移动优先”方法

　　在针对台式机和笔记本电脑进行修改之前，通过创建和优化针对移动设备的设计来采用“移动优先”的方法。这一切开始听起来很熟悉吗?

　　现在花时间在您的网站重新设计上，以节省以后的时间。没错，因为您不知道以后会发生什么-从2010年12月到2014年12月，智能手机使用率增长了394%，平板电脑使用率增长了1,721%。智能手机和平板电脑的使用合在一起占数字媒体花费时间的60%。谁知道一家水果公司会如此迅速地改变我们的生活?

　　行动专用网站对您的行动搜寻排名也至关重要。更改算法(也称为Mobilegeddon)之后，百度现在将移动友好型网站在搜索列表中排名更高。

　　如果您不优化重新设计的移动网站，则只会看到新网站陷入第二页结果的泥潭。不确定您的设计是否适合移动设备? 参加百度移动友好测试。

　　6.不要忘记速度

　　有没有人抱怨页面加载太快?付出一点努力就可以走很长的路–页面加载时间增加一秒钟可以使转化次数减少7%。实际上， 一项研究发现，加载时间10秒后几乎有50%的用户放弃了页面。以这种速度，一秒钟的页面延迟可能使电子商务站点每天损失100,000美元，每年造成250万的销售损失。两点五磨。六个零。

　　页面加载时间也会影响您的SEO策略，因为搜索引擎会因移动设备和台式机上的缓慢加载时间而受到惩罚。由于百度希望提供最佳的搜索结果，因此它不想访问无法访问的高级网页。不用说，使用快速加载的元素来设计您的网站。

　　实现此目的的几种方法包括使用经过网络优化的图像，避免页面滚动扩展以及使用内容分发网络(CDN)来托管您的多媒体文件。

　　7.创建网络标准

　　还记得步骤2中的设计要求吗?以类似的格式，创建将在重新设计启动期间和之后实施的Web标准集。这些内容包括颜色，字体，页面布局，徽标用法等，您的内容贡献者和Web编辑器也将被强制执行并遵守这些规定。将此视为可视化的编辑风格指南。确保尽快开始使用它们，以使您的团队适应更改并调整工作流程