网站设计中不要忽视哪些问题(关于网站设计,关键词优化)

1、使用不合理的模板用模板的确是一件非常方便的事情。大型企业用模板确实说不过去，但是初创公司借助BootStrap做网站绝对是情有可原。使用类似Bootstrap模板来作为基础，借设计师之手针对品牌和企业气质稍加定制，其实是个很不错的主意，如果沟通良好，说不定最终能呈现出一个非常不错的网站，对于企业的产品与服务也是很不错的加成。但是仅仅只是套用模板而不予以调整和定制，你所遭遇最常见的问题是模板与品牌本身的视觉设计上无法达成一致，从LOGO使用的色彩，到品牌中独特的字体，都无法与网站构成较高的匹配度。不过如果你真的是在这方便也捉襟见肘的话，尽量挑选在各方面与品牌形象本身更接近的模板，将疏离感降到最低。2、使用默认外观和中文网站的情况不一样，英文网站使用多种多样的字体是一件很轻松的事情。如果你使用了Bootstrap、Wordpress 这样的工具来创建网站，而仅仅使用默认的设置，你愚弄不了任何人，大家一眼就会把你偷懒的事情看出来——连字体都是默认的Open Sans。用Wordpress 默认外观也是一样的道理。如果你不打算在网站视觉上和别人稍作区别的话，对品牌的伤害是显而易见的。当然，如果你能用好诸如Font Awesome 这样的字体和CSS工具，也有点铁成金的奇效。它能以增加图标库和样式的方式，让Bootstrap等各式各样的系统，拥有漂亮一致的视觉语言。毫无疑问，这些被精心制作过的原创的图标，自然是比系统内置的通用图标好。如果你有自己的创意和点子，为什么不去寻找更有个性，更符合你的品牌调性的图标、插画和字体呢?也许时间成本、实现成本并没有你想象中那么高。3、排版对比度的问题字体的排版的问题之大，远非绝大多数非设计人员想象的那么简单。文字和字母看起来很简单，但是它们可以成就好设计，也可以毁掉整个版面。在许多“自制”的网页中，最常见的问题是标题和正文字体之间的对比度较低，整个页面的信息层级不明显。仅仅只是调整字体大小并不足以构成对比，标题字体的字重应该比正文更大，也就是说字体应该更粗，确保它们够显眼，更容易被眼睛注意到。4、使用深色背景虽然背景处于网页的最底层，但是它实际上是占据网站面积最大的部分，在用户看到网页的时候会第一时间感受到，精心选择背景色彩很重要。作为一个久经验证的法则，黑色色调的网站，除开真正专业的设计师做出来的，其他的基本都没法看。使用白色作为基本的背景色是非常安全的，不过多数的设计师会选择浅灰色打底。值得注意的是，网站的灰度越高，黑色的文字的可阅读性越差，为了确保网站的可阅读性，灰度最好保持在15%以下。5、多级行为召唤Call To Action， 通常被称为行为召唤，一般指的是引导用户做你想让他们做的事情，注册帐号，点击按钮，等等。在网站页面中，主要的行为召唤应只有一个主要的，要知道选择强迫症患者比你想象中的多很多，如果没有主要的、单一的行为召唤，用户会感到困惑，并需要较长的时间来做决定，再采取行动。当然，还有一部分用户会直接关闭页面走人。将所有内容都摆到页面上，和什么都不放是一样的效果。移除多余的部分，筛选出最重要的东西摆上去，让用户做最重要的事情。无论是注册还是打开购买链接，把最具有吸引力和最有意义的按钮摆在最显眼的位置上，专注于最主要的事情吧。6、对齐和留白的问题留白，这个我们在说过，很多次了，在这里在说一下，对齐和留白。说留白和间距是一门艺术也不为过。留出足够的空间，又不让视觉元素周围的间距太多以至于过于稀疏，这是设计中最难控制的部分之一。优设有太多的文章介绍留白和排版的技巧，但若你不想记那么多复杂的技巧，给你推荐一个简单有效的方案：第一，要确保所有元素都合理而得体地组合到了一起，第二，在这组元素之外给出足够的留白。7、不专业的文案要写好文案并不是一件简单的事情。但是不论如何，你需要通过网站将你需要表达的内容呈现出来，特别是当你是想通过网站卖东西的时候。在这种情形下，你需要让你的文案易于被理解，精心校对，确保内容的正确性和准确性，不要有拼写错误。我经常在网上看到一些表述极为尴尬的文案，这样的网站会给人一种网站尚处于原型阶段的粗糙感。在网站上线前，找个有相关经验的朋友浏览一下全站是个不错的选择。8、可读性的问题如果无法让人看清，再优秀文案都无法拯救你的业务。许多细小的细节会影响网站文本的阅读性，直接或者间接地影响你精心准备的内容，让它们难以被读者流畅地感知到。要解决可读性问题，值得注意的问题很多。行高过低会让文字难于被阅读，太小的字体对于许多用户都是障碍，阴影、斜体等效果也常常会影响可读性(尤其是中文，繁体中文这种情况更严重)，色彩对比度没控制好更是灾难性的。这其中有些问题虽然算不得太严重，对于多数用户也许不会造成太多障碍，但是这会让用户对你的专业性产生怀疑。9、一致性的问题你应该始终保持产品和品牌的一致性，从品牌设计、网站设计到社交媒体、包装和广告，都应该具备品牌识别度。不过在实现这些远大的目标之前，先退一步来看，你有必要让网站本身先与自身保持一致性。你的网站字体的样式是否保持了一致?LOGO上的品牌用色与网站的配色方案是否对应?网站的各个元素的阴影样式是完全一样，还是“看起来很相似”?通常情况下，你只需要仔细清理你的CSS样式表，就可以解决许多一致性的问题。10、已访问过的内容用不同颜色显示如果网站不能显示出用户已经察看过的内容，用户在浏览网页时便会多出很多麻烦。相反，如果用户访问过的内容都能被清晰地标出，他们便不会错误地多次点击同一个链接了。对用户来说，一个网页上往往存在不止一个链接，如果没有特殊的方式显示已访问过的内容的话，他们很难记住哪些链接是自己已经点击过的，哪些没有。针对这个问题，可以使用不同的颜色来区分已访问和未访问的内容。已访问内容的显示颜色与未访问内容的颜色应该接近但又略有不同。例如，用紫色来标注已访问的内容不失为一种可行的办法，因为与蓝黑色相比较，紫色给人一种“消退”的感觉，用户会有“这个链接我已经点击过了”的印象。11、填写表格时光标自动显示在输入区域当用户看到在屏幕上出现的表格时，他们的第一反应通常是“现在需要从鼠标切换到键盘了”。如果此时能将光标显示在第一个需要填写的区域内，用户操作起来就会感到更加便利。这样的话，他们就省却了“移动鼠标–点击输入框”这一步骤，而可以直接在表格内填写内容了。谁不希望填写表格时更简便一些呢?12、为图标添加自动提示问题在网站中，图标可以优雅而简洁地将某个特定的动作信息传达给用户。但是要牢记，不是所有用户都能立刻明白图标所代表的意义。因此，当用户将鼠标置于图标之上时，随即显示关于这一图标所代表的功能就显得尤为必要。有了这个细节，网站的新用户即便不明白图标的含义，也不会因胡乱点击而导致错误了。13、反潮流设计不管你喜欢与否，拟物化设计已经离我们远去了。浓重的阴影和大跨度的渐变色的使用，在目前的网页设计中已然不多见。相比于在3D特效中寻求创意，不妨拥抱扁平化的设计准则。