网页设计新手应该知道的10种杂志

　　摘要：您在网络设计中学到的大多数课程来自工作经验。学习是一项已经重复的程序，没有知识而不是犯错误。在文中，我们将讨论10个重要和常规技能。这是每个网络设计师应该知道的新人。

　　我在做网站时会遇到很多问题。所以网页设计师通常必须发挥各种各样的角色。并掌握如何构建有效和实用的网站布局知识。

　　您在网络设计中学到的大多数课程来自工作经验。学习是一项已经重复的程序，没有知识，而不是犯错误（从错误学习）。在文中，我们将讨论10个重要和常规技能。这是每个网络设计师应该知道的新人。（Web前端学习交流组：328058344禁止聊天，不生气！）

　　1。 优化图片，获得更好的页面加载速度

　　如何学习如何选择正确的格式，优化网络图像，并确保文件大小足够小。虽然人们现在正在使用宽带，但仍然有人正在拨号。此外，虽然移动设备技术的普及，然而， 移动设备不一定支持与宽带相同的速度。图片文件的大小仍可能扩展网页的加载时间。可以将用户驱动。

　　这是一个选择合适的文件格式的提示：如果图片是单色，更好保存到PNG或GIF格式; 如果它是一个连续的色调（如照片）， 更好保存成JPG格式。

　　[图像上传。（1）]

　　有很多工具可以帮助您进一步优化您的照片，减少文件大小。您可以使用此工具列表来帮助优化图像。尽量减少图片的数量。并灵活地使用图片，并尽可能减少文件大小。这样，页面读取时间并提高网页的性能将大大减少。

　　2。 保持清洁，简单（即：简单）

　　一个好的网页设计不仅好看，它也是用户友好的。通常，干净， 简单的Web设计最终将成为具有高可用性的网页设计。因为它不会将其混为于与用户的互动。当页面上有太多的网站功能和组件时，网站用户的分散目的丢失，原始浏览网站的目的将被分散。确保每个页面元素都有其目的，然后问自己以下问题：

　　◆你真的需要这个设计吗？

　　◆组件是什么呢？它如何帮助用户浏览？

　　◆如果我突然删除此组件，大多数人都希望它“回来”？

　　◆如何结合这些要素和目标， 消息， 和网站？

　　此外，虽然它可能是一个很酷的新概念或界面设计模式，但但您仍然必须确保设计仍然方便，对您的用户直观。人们习惯于交互模式的多功能性， 网站特色， 和网络接口。如果您的设计确实是的，确保它不是太模糊而尴尬。 有创意，但有必要保持简单。

　　3. 导航（条带/柱）是最重要的设计

　　网站最重要的部分是整个网站的导航。不，无论哪个页面，用户将在此页面中拥有一张卡片。具有这种明显的实践方向，我们将在加强网站导航时讨论一些重要观点。

　　首先，在网站的导航结构上，投入足够的时间和许多规划是非常重要的。虽然这是常识，但仍有许多想要设计网站导航的设计师。放置位置， 风格， 技术（JavaScript或CSS）， 可用性和网页可读性，这些是在您进行导航设计时需要考虑的。

　　在没有CSS下，您的导航设计应提供，这是基于基于文本的浏览器兼容性。您可以尝试嘲笑文本基础浏览器，但它们仍然在很多移动设备上流行。可能更重要的是，屏幕用户（99。99％）没有CSS导航功能就像可访问。

　　在客户端技术（例如JavaScript或Flash）的情况下，导航功能应易于进入和使用。由于安全或公司策略，用户可能无法打开或安装。

　　所以，有必要使导航系统可以放置的良好位置是必要的。例如， 放置一个可见的地方。一个良好的导航功能，只要Web加载， 它会出现。无需向下滚动鼠标。这就是为什么页面应该保持干净，简单的角色。一个复杂和非常规设计可以让用户混淆。

　　即使只有一个瞬间，用户一定不好意思：“网站导航在哪里？“

　　最后，为网站建立一个类结构，多级管理。确保在父层和子层之间易于导航。此外，无论如何使用更别的页面（例如主页）轻松达到哪个网页。

　　主要目标是您的网站导航，分钟操作（行动），努力工作让用户到达他想要浏览的内容。

　　4. 明智的， 使用字体

　　虽然有数千字体，但你真的可以使用一小部分（至少等到主浏览器完全支持CSS3）。 所以坚持使用Web安全字体。如果您不喜欢Web安全字体，可以考虑使用SIFR或CUFON逐渐增强网页设计。

　　保持字体的一致性，确认标题和段落的内容看起来不同。使用空白， 调整线， 字体大小， 和allpite属性，使用您的家用读取和扫描内容。

　　也许网络设计师经常跨越错误以使用不满意的字体大小。因为我们要尽可能地在网页中的东西，所以我们有时会设置字体大小，让用户感到不舒服。如果可能的话，尝试保持12个像素的字体大小，特别适用于段落。虽然许多人不遇到困难，因为字体太小，但想想老人， 近视， 和其他族裔群体类似于视觉障碍。

　　5。 了解颜色可访问性

　　说字体后，我们还需要指出使用正确颜色的重要性。E.G，在白色背景的黑写作，如果你使用高对比度，在橙色背景的红色文本将使您的眼睛紧张。

　　此外，为特殊形式使用一些用户友好的颜色（检查工具名称Vischeck，可以测试某些类型的颜色盲。

　　一些颜色组合仅适用于前景，不适合制作背景颜色。例如，深蓝色文本有桃红色背景与桃红色文本有深蓝背景，它用于使用两种颜色。然而， 它影响其在不同部位的可读性和阅读舒适性。重要的，不仅应该以良好的颜色组合使用，而且， 有必要在页面中的相应元素上使用它。

　　6。 知道如何编写代码

　　使用获得的各种网络编辑， Web编辑器被淹没，Web设计已成为设计网站的简单1-2-3步骤。然而，大多数Web编辑器都掺杂有不必要的代码，为您的HTML结构抑制，难以维护和更新，导致网页扩展。

　　通过自己编写的网络代码，可以获得简明的代码，能够阅读和保持愉快，方便。你可以自豪地说你写了你写的代码。但是，知道如何使用您所获得的IDE或预览功能不会干扰HTML和CSS。你必须知道发生了什么，我们可以创建有效且高度优化的网络设计。

　　7。 不要忘记搜索引擎优化

　　在设计网站时，一个好的网络设计师应该始终牢记基本的SEO概念。E.G，网页内容结构， 表示标题（即网页的标题和标志）。此时，如何合理地编码在如何学习之前使用它的能力。理解正确， 语义和标准HTML / CSS，您很快就会意识到DIV比表格布局好得多。不仅可以更准确地展示内容，并帮助搜索引擎排名。此外，替换背景是一个好主意， 用CSS的文本和图片。

　　* 8。 了解人没有阻力*

　　普通人决定是否阅读更多Web内容或其他网站几秒钟。所以，作为网页设计师，有一个好方法，可以鼓励用户在这个宝贵的第二个时钟中选择前者（见更多）。

　　知道，如果用户无法看到Web标题中感兴趣的内容，没有多少人会向下滚动，转到查看整个页面的内容。所以，网络头容易看到的地方的重要元素。但不要过度收避， 在网页的上半部分，否则它会吓到用户。并不会继续看到内容。记住网页上部的卖点：取决于推销员，让人们有一个购买的想法，那是， 他们想在网站上看到什么。

　　* 9。 了解（并实现）浏览器兼容性*

　　当网页设计师必须知道时，它是您的工作环境（浏览器）是挑剔和不可预测的。如果您的Web设计只能在多个Web浏览器中运行，这还不够。您需要尽可能多地测试尽可能多的浏览器。这是一个工具浏览器，您可以测试浏览器兼容性。

　　10。 制定设计灵活性和可维护性

　　一个好的网络设计师可以确保稍后可以轻松更新或修改网站。设计一个带塑料的网站， 易于维护，是一个伟大的网络设计师的标志。尽可能地从结构化转向方面做出工作。

　　网页设计这个行业是动态的，它仍然是非常“年轻”。事情往往很短。保持这种想法，建立更灵活的网络设计。

　　那么你的网络设计技能是什么？

　　如果您有其他技能分享到新手设计师，请在您的意见中与您分享。

　　报告/反馈