网站网站设计（遵守设计原则很重要）

许多网站似乎认为有问题，版本不错，图片很漂亮，文字写得很好。有什么问题吗？这可能是因为没有遵循基本的设计原则，没有很好地配置好材料，使人们看不到网站设计的重点。它不够简单和强大，内容变得非常微不足道，这使得人们无法继续观看。我们梳理出了网站制作的几个基本设计原则，使网站设计师能够在不付出任何努力的情况下快速突破设计盲点

网站最常见的错误是收到项目后急于开始工作。它在不了解网站的目标、对象、行业特征和属性的情况下开始设计网站。你可以回头看看这些案例是否被反复修改过？制作这个网站花了多长时间？因为他们没有与客户建立共同的价值观，他们的想法似乎在时间和空间上是平行的，沟通变得越来越困难。在恶性循环下，双方之间的信任感被消耗

相关内容：成为网页设计师的18项基本技能

“实现目标是网站建设的真正意义”。在网页设计之前，我们必须首先确定网站目标。假设该网站是机械行业的官方网站，我们将该网站定义为“搜索后获得客户咨询”。为了达到客户咨询的目的，我们必须在网站上提供“有利于客户研究或审查的各种信息”，突出企业的专业形象，因此网站需要的栏目包括：公司简介、工厂规模、专业技术、客户案例、常见问题。。。如果你想让网站拥有排名能力，你必须加入SEO文章知识体系，以及整个网站的SEO优化结构和策略

相关内容：网站SEO KPI是什么？5分钟学习如何衡量SEO的有效性

收集数据的第一个对象是“客户”。没有人的意见比客户的意见更重要。这也是纠正双方价值观的重要过程。您可以从客户那里获取各种网站信息，包括企业标识（CI）、产品照片、公司简介、各种目录、网站受众、行业类型。。。可以理解，产业化程度越高，设计的网站就越适合，二是收集类似行业的各种网站资料，收集到网站资料后正式开始设计。每个设计都必须将自身归零。设计是为了解决问题，而不是为了快乐。如果设计的网站不能被接受，这是一个失败的设计。许多设计公司限制修改的数量，不接受批评，不接受案例所有者的意见，并坚持自己的设计理念。这些都是让设计变得极端的错误方法。最好的设计就像水一样，可以将设计填满不同需求容器中的各种需求，从而在客户满意度和设计质量之间达到最大的平衡。

收集数据后，我们将正式开始网页设计。网页设计有几个基本原则。如果我们能按照这些原则进行设计，网站就不会太糟糕。例如，如果我们知道你的网站有什么问题，我们应该使用以下原则来不断检查你的网站。我们犯了这些错误吗？设计师不知道他们的问题在哪里，也就是说，他们没有“设计感”。他们会觉得“这是别人的主观偏好”。他们不会觉得自己的设计有问题。“设计”一词来自拉丁语，意思是“完成计划”。如果他们不能完成计划，那就是失败的设计。设计的基本原则是什么？请继续看

我知道你有很多信息要展示，但太多的信息只会让人泄气。如果只有一个主题，网页只需要一个示意图、一个标题和一段描述。单一的视觉设计有助于游客专注于主题。如果网页采用了多种设计元素，建议你做出选择，选择一个主题，留下其他主题，把你想谈论的其他内容放在其他页面上，并将它们串联起来，网站应该营造什么样的氛围是非常重要的。这也是设计公司通常所说的“设计风格”。风格设置取决于许多条件，其中最重要的是企业识别（CI）、行业特征和偏好。如果是购物网站，则适合丰富的色彩来吸引眼球；如果是传统制造业，则适合平静的专业氛围；如果是家具网站，则需要营造温暖的氛围。网站氛围是网页设计中最难定义的东西，而氛围的感受是主观的。科技风格、简约风格、禅宗风格立体风格，快乐风格。。。创造风格的设计元素包括版本配置、形状、颜色、图案、字体、平衡感和纹理。。。经验丰富的设计师可以快速解构客户的想法。解构的方法有很多，其中最常见的是提出各种各样的设计案例来阐明需求，但它们无法做到客户所说的。这样，网站就会像一辆组装车，失去了最初的设计意图，感动了人们

为了响应移动设备，网站开发了RWD网站设计。浏览网站是自上而下的，所以上面的第一张图片变得非常重要。这是第一个引起人们兴趣的视觉设计。为什么用图片代替文字？因为大脑处理图片的速度比处理文字的速度快，所以它可以迅速提高吸引力。经过网站流程的安排，访问者可以对阅读感兴趣，这是一个成功的设计

扩展阅读：RWD更好还是AWD更好

根据《空白空间的设计美学》一书，90%的好设计取决于“空白空间”。空白并不是真正的空白。空白的意思是留下空间。不要在每个位置都填入信息，这样主题的图片和文本会更突出，更容易阅读。许多网站设计师希望在看到图片中有一个空间时填充信息，这不仅不能显示纹理，而且使阅读变得困难。空白应用程序设计有很多地方，包括图文间距、表格、行距、字间距、图片配置、区块之间，及时的空白设计可以让访客呼吸、放松眼睛、更加专注，从而可以聚焦主题。还有多少空间？如何配置空白？这是一项非常困难的设计技能。即使很难，也不要害怕留下空白。只有勇于留白，才能设计出更标准的网站

为什么台湾的招牌杂乱无章，而日本、欧洲和美国的招牌却有美感？其中一个问题是颜色匹配。杂乱无章、不合逻辑的招牌配色是扼杀设计的第一个杀手。网站也是如此。配色是网站的第一感觉。如果颜色搭配不协调，会立即产生冲突感。网站配色通常延续企业识别（CI）的配色策略。如果没有标识设计，则需要网页设计师的配色协助。色彩学是设计师必须培养的能力。模仿配色不能形成独特的配色。颜色不仅仅是布局、字体、表格和线条。。。还有照片、插图和电影的选择。色彩对网站的氛围有很大影响，能够掌握配色和绘图的设计师已经成功了一半。如果他们不擅长配色，他们应该更多地使用配色工具或配色券来练习配色

在网站设置了主题、样式、内容顺序、页眉和页脚后，以下设计必须遵循这些定义。材料包括颜色、形状、纹理、图片。。。必须保持一致，使每个设计页面看起来像一个系列。这与企业识别系统（CIS）的逻辑相同。它需要系统地呈现整体感。整体感并不要求你把所有相似的东西放在一起，错误的方法是：设计一个家具网站。整个网站都是家具照片。我累了。这时，可以放一些有趣的插图、一些优惠的小图片和文章宣传图片和文字，这样可以缓解类似内容造成的厌倦

良好使用网站字体会影响网站的“纹理”。强调强调和可读性的网站应该避免使用带有边缘、阴影、装饰、有趣、花哨、可爱和过度装饰的字体。如果不直接与图片结合，则应特别注意CSS字体的设置顺序。英文字体应该放在前面，中文字体应该放在后面，因为中文通常包含英文字体。传统的中国网站通常使用微软的常规粗体字，而简化的网站通常使用微软的优雅粗体字。为了优化网站的速度和效率，仍然建议使用网站的内置字体。虽然不同的操作系统和浏览器会有不同的表现形式，不能有统一的体验，但只要他们善于使用字体顺序、文本间距和空白，就可以达到网站所需的纹理。最后，网站字体不应该经常改变，这会使阅读的整体感觉很差。让字体具有完整感也是非常重要的。充分利用字体变化还可以使原本需要排列的块能够看到没有冗余设计的区域

有时当文本无法准确表达时，有必要将信息可视化。此时，您可以设计插图来可视化信息。好的插图使网站更有吸引力。在段落之间插入图片或图表可以提高读者的想象力和理解力，也可以使文章更加生动有趣，但不要把它们放在纸上一堆难以理解的照片或插图，使用不合逻辑的材料，是设计中的一大禁忌。至于放图片或插图是否更好？这取决于网站的内容。有时你也可以用手绘图片来营造网站的氛围。使用照片、图片和插图的目的是使网页更易于阅读和理解

设计原则是充分利用照片和插图，但如果没有照片怎么办？除了购买画廊照片，为了呈现更好的视觉效果，建议拍摄独家照片。整个网站使用了太多的画廊照片，这不仅会缺乏完整感，而且会有一种不真实的感觉。照片（图片）是网站材料中最重要的元素。网站有多糟糕，好照片可以直接使用。如果没有好照片，最好的版本，配色，文案，空白和内容顺序。。。因为照片或低质量的图片直接导致网站失败，尤其是主页的图像。好的照片可以迅速营造气氛，突出主题。根据平面图拍摄的照片内容完整，光线充足，构图平衡，透视准确。简单的后期制作可以应用到网站上。较差的照片质量需要更多后期制作来调整，包括校正颜色、调整色调、消除杂乱、增强对比度和增加曝光。“照片是网站设计的最大关键”并没有错。

有时文字、照片、插图和表格不能完全表达要解释的内容，所以非常适合拍摄一部电影来呈现，比如机械操作过程、食谱烹饪、家具安装方法。该网站可以编写一套视频和音频管理系统，也可以直接使用YouTube和Vimeo输入视频和音频。如何拍摄和编辑？如何为电影添加动画？这是另一个专业领域。我有机会写更多关于视频拍摄的技术文章。充分利用电影是网站设计的基本原则之一

除了上述基本设计原则外，还有一个更繁琐的设计细节介绍。从普通设计师到资深设计师，你必须关注细节。有一则日本汽车广告“注重完美，几乎要求苛刻”。网站设计工作已达到一定水平，设计细节是与其他网站最大的不同

专业网站建设公司将定位设计风格，选定的设计师也将朝着这个方向进行设计。例如，苹果产品有自己的设计风格，简单易懂，易于使用，色彩搭配流畅简单。这些产品可以找到彼此的共同特征。无论网站想要营造什么样的氛围，都是如此？设计什么材料？用什么照片？什么版本？将有一个基本原则不会改变，这种设计风格的定位将影响整个网站的趋势。因此，在选择网站设计公司时，我们必须首先考虑设计公司的设计风格。我们不喜欢这些作品。我们真的没有强制设计委托，而且我们都互相折磨

图形设计师在银行间网站设计中经常遇到问题。原因是，平面设计不需要按照RWD逻辑进行设计，但网站设计必须根据RWD进行各种排列和组合，以便在面对手机、平板电脑和台式机时，可以转换最佳图片。RWD概念越好，设计细节处理得越好，图片就不会被设计。我不知道要匹配的文本的哪一段排列错误

有人提到要留白。留白的实际应用是什么？例如，企业商标（logo）的背景和一定范围的区域留白，这是为了保护logo的呈现。文本段落之间会故意留下几行空白栏，以创建一个不可见的段落边界。此外，购物网站上的商品通常会出现在后台，只留下商品来突出显示商品。以上三种都是空白的常见情况。当然，有很多空白的含义，但它们几乎与以下三个原则密不可分：创造空间感、舒适易读、提高注意力。图片就是图片，但文字并不是那么简单。文本需要整理。注意事项：文本间距、行距、字体大小、文本字数、标题颜色、从左到右到中、标点符号、换行数、文本段中的空白、排列的一致性。。。如果文本安排得好，就会有一个很好的设计展示。有很多单词的网站应该更加注意文本的排列，你可以看到更多的网站进行文本编辑，如世界杂志、健康杂志、商业周刊。。。这些网站在文本编排上具有规范性和完整性，非常值得参考。文本安排非常重要。例如，文本阅读是不友好的。许多网站文章的每行字数都非常广泛，中文字数超过50个字数超过了人类的视角，读一行后换到下一行是不准确的。这是符合人类阅读的设计。将一行中的中文换行符数量控制在45~55是更容易阅读的换行符数量。如果文章的行距太大，就很难阅读。最佳行距为字高的30%～50%。字号的使用不是越大越好。太大的词会让人感觉粗糙。《文清风》网站喜欢用小词来表达纹理，但它也患有老视。文本大小应根据网站特点及时调整。例如，健康网站的字体被故意放大，因为该网站有更多的中老年访问者

网站设计的意义是什么？渲染动画？设计一幅美丽的图画？成为网络艺术？事实上，它们都没有。网站设计是在互联网上友好地呈现“有用的信息”。通过设计，网站更容易被接受和喜爱，提高网站的曝光效率。这些逻辑恰好与搜索引擎的排名逻辑一致。清晰的主题，良好的使用体验设计（UX），通俗易懂的文字，清晰的表格，符合主题的电影，良好的SEO架构易于使用的内容管理系统（CMS），以上必须通过设计来实现。网站设计是技术整合和扎实内功的完美体现，而不是花拳绣腿。如果网站的本质是内容，我们应该认真思考网站能帮助人们做些什么？观众是谁？应准备哪些材料来满足游客的需求？回到内容和用户需求之后，不再难理解如何通过设计解决演示问题

为什么这个设计可以？这个设计不行吗？绝对不能只凭感觉和主观性来判断。对于专业的网站建设公司来说，列出设计不当的原因是绝对可能的。当然，设计并不是那么简单，但只要网站按照基本设计原则设计，网站就永远不会太糟糕。本文中提到的项目是“设计的基本技能”。如果你知道这些，恭喜你。只要你继续努力，你一定能成为一名独立的设计师，如果你对这些细节不太了解，你可以尝试理解这些基本原则，希望对你的网页设计有所帮助