网页设计翻译.docx

网站设计的实用原则摘要本文报道了在网页设计中的一些实用性原则，如色彩组合问题，图形元素，字体等，从而获得网站访问者的情绪反应。通过有效地设计网站的布局及结合所有信息元素可以创建一个有吸引力的，界面友好的，用户可以很容易地找到他们正在追捕信息的网站。关键词：网页布局，视觉表达，人性化设计，人机界面1引言人机交互（HCI）是人（用户）与计算机之间交互的研究。它吸引了来自机器和人两方面的相关知识。它往往被视为心理学的交叉点，美学，人体工程学，语言学，计算机科学，行为科学，设计和研究的其他字段。从心理学来看，界面设计可以分为感知（如视觉，触觉，听觉等）和情感设计。从通信查看，网站界面设计都有自己的多媒体字符，如多元，互动，个性化，快速性，普及等设计过程是一个创新的活动，inosculates技术和艺术。您可以通过查找功能和布局之间的微妙和谐，使要表达什么游客想清楚和方便地创建一个有吸引力的，用户友好的网站。2.网站的设计过程当用户在浏览器中输入一个网站的网址，这个网站的主页就会出现。网站的主页或索引页是整个网站的窗口；重要的东西将被显示在主页上或链接。因为它决定了整个网站的风格和影响，促进整个网站没有什么能比这个网页的设计更为重要。它可以吸引游客参与你的网站的目标或前几秒钟后离开它。这是人的本性，根据其“第一印象数”产生的概念。因此，在实际项目中，设计人员需要与客户进行沟通，了解他们的第一个要求，然后提出几种设计图纸进行客户端的构象。在此之后，工程师们开始开发的后台应用程序，然后测试该网站。这个过程避免了设计返工，提高效率。图1：设计流程3.网页界面框架分析该项目被确定后，做的第一件事是定义网站的框架结构，如盖房子之前建造的钢结构。不同类型的网站有不同的框架结构。在过去，通常使用的框架结构的T型等。随着多媒体技术的提高和网站的复杂性不断增加，网站的架构已经变成了一些新的结构，以吸引更多游客的关注。大多数网站的架构，是T型的增强。除了前面2框架结构，也有在新的网站使用的O型，S型的结构。这种创新架构使得Web界面看起来清爽和独特的。但使用这种不寻常的框架结构的增加的网站开发的难度，而且是不容易的维护或更新该网站。通常时尚界的网站使用这种框架，比如汽车，女性，数码，艺术，摄影等前沿产业。这些公司更注重和强调其网站的个性化和视觉效果，然后用大量的FLASH和脚本代码来实现的视觉冲击力。图3显示了该网站与S型的框架，看起来活泼，美观，产生强烈的艺术氛围。近年来，S型框架结构通过其优雅的界面和后台开发不很复杂获得更多的应用。许多公司都在他们的主要网站采用了这种结构。当然，设计者不应该是任意的，而确定该网站的框架，有必要考虑的网站的性质，它的内容和客户的要求，这是不好的设计与审美面但不良的功能和服务。图2.T型框架图3.S型框架对于大型的门户网站，由于其大量的信息，所以其复杂的框架，不能简单地定义为O-型或S-型。在设计这类网站，请确保框架清晰，层次化和美观。随着闪存技术的成熟和网络速度的增加，更多的网站是由FLASH技术开发的。由于AS（动作脚本）编程比传统的后台程序开发更加灵活，使设计人员能够表达自己的想法随便谁从框架的限制中解放出来，闪光灯的网站获得更友好的交互功能和更富有创造性的想法。然而，开发了网站的AS仍然在支持大型生产数据库中的困难，而且用户必须等待，因为它的大量的数据被加载更多的时间。 Flash网站通常用于产品促销，个人门户，设计公司，以及其他小规模的公司。4.Web界面视觉设计4.1 Web界面布局为了获得最大的视觉传达效果，成功的界面布局必须适应游客的可视人流的心理和生理特点，然后确定视觉元素的位置和顺序。因此，设计师应该学习像他们的位置，大小等不同的视觉元素之间的关系。安排的内容总是在出发的一个网站最困难的部分。 Web内容应优先考虑，并在观众的情况下过滤有问题猎杀他们想要的大量资料，甚至没有得到一个焦点。安排在一组类似的信息或者一个团结，需要提请访问者的注意力某些信息可以通过颜色，字体大小，辅助影像等手段突出显示。同时制定机构 - 文本块，你可以添加一些图标或进行文字的字体或颜色的微小变化。这提高了扫描，可以帮助减轻视觉疲劳。4.2颜色研究人员认为颜色极大地影响了人类的心灵。因此，您在您的网站上使用的配色方案是非常重要的。颜色在几种不同的方法，包括色调（红与橙与蓝），饱和度和亮度发生变化。当浏览网页时，人们会感到兴奋，快乐或无聊。所有这取决于颜色选择。你需要知道，以你正在解决的观众，并做出正确的选择。色彩是通信的一个伟大的方式，它是最好的，以确保你说的话是正确的。使用颜色在自然界中发现的调色板。他们比任何人为他们的同行更加赏心悦目。结合他们为了得到你想要从你的访问者来获得情绪反应。不自然的色彩，如亮绿色，蓝色或红色通常会导致眼睛疲劳和追逐的访问者（即前台）的距离。避免配对蓝色和红色，或蓝色和黄色。在红色的背景上或者绿色，蓝色背景红色文本的绿色文字也选择，你不应该做的，因为这样的组合通常会导致眼睛疲劳。这是一件好事，通过使用各种颜色你的网站的内容来区分。您可以使用颜色标识，分组或加重。例如，相关的网页群体可以通过一些特殊的配色方案来识别，从而使它更容易为游客来确定您的网站的架构自己的位置。当把针对低饱和色彩的高饱和度的颜色，前者倾向于是比后面更亮。然后，高饱和度的色彩会产生更密切的错觉，这使得界面看起来宽敞。色彩“的饱和度和亮度，因此利用好可以美化网页界面。首先，要注意使用不同颜色的协调。无论你选择什么样的颜色，其色相，明度和饱和度是作为一个整体，难以分离。为了实现一个团结，和谐的布局，这是一个好主意，选择一种颜色作为基本主题，占据了画面的主要区域，选择比留在小范围内其它相应的颜色。这种方法不仅保持了其主色调，同时也得到了对比度区域，获得双方的统一性和多样性。图。 4显示了宜家web界面的配色。4.3图形元素随着计算机绘图软件，数码相机等绘图工具的快速发展，我们已逐步进入图像信息的时代。与关键信息生动的图片吸引了越来越多用户的眼睛。在网站的图形元素是活泼，有吸引力，并且降低了僵硬和呆板由文本块大产生的。对于商业用地，图形元素与积极意义，不仅美化了界面，而且也显示了公司的形象。图4.宜家Web界面颜色匹配图除了较大的图像，小图标设计不能忽视的，作为所谓的细节反映设计质量。小图标的设计风格应与列或导航的设计路线，因为装饰图标使用户能够找到他们需要的更容易。优秀的UI设计师将设计一组小图标按照界面主题通过使用矢量软件，便于未来规模的修改。要懂得权衡图标设计过程中的“细节”和“复杂”是很重要的，并不是越复杂越好。该图标的轮廓应该是清晰，容易识别的图标比复杂的好。常用的设计方法是绘制图标的轮廓在简单的形状，然后渲染图标的皮肤磨光的光线和色彩。应该指出的渲染光影的方向应该是在保持一致，以避免视觉上的混乱经验。图5所示是一个精心设计的图标。图5.一个精心设计的图标4.4字体设计说明性文字是信息的主要载体在网站上，其布局和设计占据了界面设计的重要地位。字体样式应该根据网页的主题来选择当前。每个人物都有自己的表达，如粗体字具有严肃的意义;宋体有凝重的表情;方宋字体和运行风格的字体有自由的魅力;和大篆字体是一种古老的豪华气派。因此，选择合适的字体与根据整个页面的色调。根据文本的身体，不要使用奇怪的字体。使用宋体，格鲁吉亚，宋体和宋体。如果您使用晦涩的字体，你会发现，大多数游客不会让他们和那些话就可以找到你的文字难以阅读。在设计标志或口号，你需要通过改变它的笔划或形状重新设计的文本字体。有时，像添加挤压，投影和光源，以产生更多吸引力的视觉效果一些特殊效果。图。图6显示的文字