Godzilla. 2016-08-08 网站建设

网站设计中常见的三个问题和解决方案

　　我们都生活在设计的世界,我们喜欢创意设计的一部分。当我们开始一个全新的项目我们喜欢这种感觉。我们爱调整我们的设计,使其完美。我们喜欢把所做的分享给这个世界。

　　然而,这并不意味着我们的工作是很容易的。这是充满挑战的,有时甚至是最小的问题可以把理想的项目变成一场噩梦。

　　经验越多,就能更好的处理问题。在你学习如何处理最棘手的问题时一定会花一些时间和惨痛的教训。在这篇文章中,作为一个设计师的路上我发现了三个最常见的问题,我想与你们分享我如何解决他们的方法。

　　问题一:使用一个糟糕的前端开发人员。

　　想象你花了几个星期的时间为客户设计一个新的定制网站项目。你精心设计每一个细节。你设定一个漂亮的排版,明智地选择了间距,确保所有的颜色都是完全一致的。你很自豪,你的客户是满意的结果。

　　你发送你的PSD文件(或素描文件或任何其他您所选择的设计软件)到web开发人员,你急切地等待看到一个完全工作网站。

　　然后噩梦的开始…

　　如果你的客户雇佣了一个糟糕的前端开发人员,你的设计是完蛋了。你看网站在浏览器中都是错误的。间距是错误的,字体大小是一团糟,颜色不是你选择的,没有排版。

　　解决方案:学习如何代码设计或开发人员提供一个完整的web样式指南。

　　实际上有至少两个很好的解决这个问题的方法…

　　1、第一个选项是学习如何代码。认真对待。如果你网页的设计,那么至少知道HTML和CSS是必须的。不要害怕,因为它甚至还不是真正的编程。

　　学习代码将帮助你成为一名更好的设计师。你会发现网站是如何工作和更有效的设计解决方案。最后,您将确保最后的结果就是你想要的。有些情况下,你不能代码项目,因为客户已经有一个团队的开发人员或你只是雇来做设计。

　　2、这时第二个选项有:提供一个坚实的web设计风格指南。

　　您的web风格指南将指导开发人员如何设计代码。它会更容易识别所有设计的基本元素,把它们转换成CSS。它只是更方便看看你的风格指南,而不是试图解构模型文件。

　　如果这是一个小网站的项目,你不需要创建整个设计系统。让它简单和专注于最重要的元素,如字体、颜色和有用的用户界面部分(形式、按钮、内容框等)。

　　我通常提供两个或更多额外的PSD文件模型。印刷的文件描述了我设计:h1,h2,h3,…,段落、报价、列表。另一个文件整个配色方案包括了原色,二次颜色,口音的颜色和背景颜色。我还可以添加一个UI文件,包括按钮、输入框,弹出窗口、图标等等。你可以得到免费的Photoshop风格指南模板文件,我做我自己的项目设计师。

　　问题二:永无止境的设计修改。

　　试着去想象这种情况：在你工作一段时间后你很兴奋的设计新项目，你发送你的第一个设计模型到你的客户,等待反馈。然后,第一反应是,你紧张地打开邮箱阅读你的客户的评论。是的，客户喜欢排版、布局以及如何解决一些导航可用性问题,但…总有“但是”:“你能让这个橙色变暗吗？”、“我真的不喜欢这个无衬线字体标题”，和经典的:“你能让我的标志更大吗？”。

　　这些问题通常会导致修改你的页面设计。您所作的改变你最初的概念越多,越多你的客户可能想要改变它。最后,客户机甚至可能停止信任甚至怀疑,但你知道你在做什么。

　　解决办法:试着更好地解释所有设计决策在你面前展示你的设计给你的客户。

　　首先，不要责怪你的客户太多变化、问题或修改。你是设计师,你的工作的一部分是来处理它。

　　客户通常在不理解的情况下质疑你的设计决策。如果你只是把你的设计模板和询问你的客户他们是怎么想的,你将会把这个项目变成一场噩梦。

　　尝试总是支持每一个设计模型与一个解释为什么你做出某些决定是非常重要的。你可以打个电话,谈论它一段时间。它会完全改变你的客户看你的工作的方式。值得花费额外的30分钟,因为它可能会节省您修正时间和不必要的变化。如果你告诉你的客户,你的设计决策可以有利于他们的业务,提高转化率和销售,你会赢得这个项目!

　　问题三:设计没有内容或足够的关于项目的信息。

　　这个设计师可能是最常见的问题之一。因为设计通常是第一步的过程中创建一个网站,客户可能不知道他们想要什么,没有内容的网站…即使你已经聘请了设计网站。

　　然后,几个星期过去了,你仍然不能启动项目。忽然,你意识到你有三个甚至四个项目。它们都在等待客户端为您提供内容或有关项目的信息。当你最终得到它,它可能会让你大吃一惊,彻底改变工作范围的估计。

　　解决方案:增加研究和发现的过程,以帮助客户找出到底是哪些内容需要和得到更详细的项目。

　　你不能只是坐着等待客户端发送你的内容。尽可能早地进入这个过程,所以你可以会影响一些非常重要的基本决策,将影响整个设计项目。你的工作开始之前你打开Photoshop。你最大的挑战是什么？你有你自己的解决方案吗？请在下面的评论里分享他们。

下一篇：和远程开发人员一起工作的完整指南 上一篇：5个网页设计师的自我教育实践

文章标签： 网页设计