什么是网页界面设计

第页什么是网页界面设计什么是网页界面〔制定〕

什么是网页界面制定？界面制定(即UI制定)是人与机器之间传递和交换信息的媒介，FaceUI称包括硬件界面和软件界面，是计算机科学与心理学、制定艺术学、认知科学和人机工程学的交叉研究领域。下面网页界面制定介绍，希望对您有所帮助。

界面制定(即UI制定)是人与机器之间传递和交换信息的媒介，FaceUI称包括硬件界面和软件界面，是计算机科学与心理学、制定艺术学、认知科学和人机工程学的交叉研究领域。近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面制定和开发已成为国际计算机界和制定界最为活跃的研究方向。

UI即UserInterface(用户界面)的简称。UI制定则是指对软件的人机交互、操作逻辑、界面美观的整体制定。好的UI制定不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

通过对界面制定不同必须求进行的分类以及界面制定元素对用户行为的影响，来研究用户在界面制定中所体现的重要性。交互性已经成为网络界面制定中制定追求的目标。为了使制定满足可用性要求，全面的了解用户特征及多元化要求是十分必要的。这就必须要找到正确的方法来记录和实现多元化的用户要求。

界面是人与物体互动的媒介，换句话说，界面就是制定师赋予物体的新面孔。

分类

以功能实现为基础的界面制定。交互制定界面最基本的性能是具有功能性与使用性，通过界面制定，让用户明白功能操作，并将作品本身的信息更加顺畅的传递给使用者，即用户，是功能界面存在的基础与价值，但由于用户的知识水平和文化背景具有差异性，因此界面应以更国际化，客观化的体现作品本身的信息。

以情感表达为重点的界面制定。通过界面给用户一种情感传递，是制定的真正艺术魅力所在。用户在接触作品时的感受，使人产生感情共鸣，利用情感表达，切实的反应出作品与用户之间的情感关系。当然，情感的信息传递存在着确定性与不确定性的统一。因此，我们更强化调的是用户在接触作品时的情感体验。

以环境因素为前提的界面制定。任何一部互动制定作品都无法脱离环境而存在，周边环境对制定作品的信息传递有着特别的影响。包括作品自身的历史、文化、科技等诸多方面的特点，因此营造界面的环境氛围是不可忽视的一项制定工作，这和我们看电影时必须要关灯是一个道理。

如何学网页界面制定

首先，要学习〔网页制定〕的必备语言html语言。注意，html语言不是〔编程〕语言，而是一种标记语言。这种语言的内容比较容易学，而且有一个网页可以支持html代码的在线运行，具体的请参照《自学HTML在网页上运行代码(入门课)》。

2自学HTML在网页上运行代码(入门课)

网页制定，一般都要求html语言和css语言结合使用。css语言是一种建站语言，在网页制定里面是不可或缺的。这里推举一个页面，叫做runoob，里面可以调试运行多种语言的代码，非常合适像我一样的初学者学习。

要想在网页上强化特效，就必须要学习〔java〕script语言。javascript语言是一种动态类型的语言，是现在制定各种动态网页所必不可少的。

能力充足的话，你还可以学Java语言。

要有一定的美术功底。真正的好的图画，一般都是不能靠代码产生的，这样就必须要你具备优良的绘画能力。当然你也可以请会画画的朋友帮忙。

要学会使用〔photoshop〕软件，这是做〔平面制定〕必不可少的一款软件。这款软件是最常用，也是最容易掌握的一种制定软件，可以说比较的平易近人，操作起来也很方便。

如果你实在是懒得自己去制定网页，也可以找别人帮忙制定，不过之前要商量好价格，毕竟制定网页不是个轻快的活儿啊!

网页界面制定的一些规范

一.用户导向原则

制定网页首先要明确网页的使用者，要站在用户体验态度上来合计和制定。要做到这一点，就必须要和用户〔沟通〕，了解他们的必须求、目标、期望以及偏好等。网页的制定者要清楚，用户之间是有差别的，他们的能力也各有不同。比如有的用户可能会在视觉方面有所欠缺(如色盲)，对很多的颜色分辨不清;有的用户的听觉也可能会有些障碍，关于网站的语音提示反应比较迟钝;而且相当一部分用户的计算机使用经验还很初级，关于复杂一点的操作就会感觉到很费力。另外，用户使用的计算机机器配置是千差万别的，如显卡、声卡、内存、网速、操作系统以及浏览器等都会有所不同。制定者如果忽视了这些差别，制定出的网页在不同的机器上显示就会造成错乱。

二.简洁和易于操作原则

简洁和易于操作是网页制定的最重要的原则。网站主要是用于一般网民来查阅信息的网络服务。没必要在网页上设置过多的操作，堆积很多复杂和花哨的图片。此原则的要求如下：

1、网页的下载不要超过6秒钟(一般的家庭优待为2M的，速度一般在220kb/s);

2、网页尽量使用文本链接，尽量减少大幅图片和动画的使用，加快网页的打开时间;

3、操作制定尽量简单，并且要有明确的操作提示;

4、网站所有的内容和服务都尽量在显眼处向用户予以说明等。

三.布局控制

在网页排版布局方面，很多网页制定者还不够重视，网页界面制定排版过于死板，甚至照抄他人。如果网页的布局杂乱，仅把大量的信息堆集在页面上，就会干扰浏览者的阅读。一般在网页界面的版式制定上所要遵循的原则有：

1、72的Miller公式。

依据心理学家GeorgeA.Miller的研究说明，人一次性接受的信息量在7个比特左右为宜。总结一个公式为：一个人一次所接受的信息量为72比特。这一原理被广泛应用于网站建设中，一般网页上面的栏目选择最正确在5～9个之间，如果网站所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。例如Aol的栏目设置：Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八个分类。Msn的栏目设置：MSNHome、MyMSN、Hotmail、Search、Shopping、Money和PeopleChat共七项。然而很多国内的网站在栏目的设置远远超出这个区间。

2、分组处理。

上面提到，关于信息或栏目的分类，不能超过9个。但如果你的内容实在是太多，超出9个，就必须要进行分组处理。如果，你的网页上有几十篇文章的链接，必须要每隔7篇加一个空行或平行线做以分组。如果你的网站内容栏目超出9个，如腾讯公司的网站或其它几个比较知名的门户，有很多个栏目，超过了9个。为了不破坏72的Miller公式，在制定时把比较有代表性的分类加粗，然后再按性质分组，最终如下列图分成了6列大的栏目。

四.视觉平衡

网页制定时，各种元素(如图形、文字、空白)都要有视觉平衡作用。依据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，制定网页时必须要以更多的文字来平衡一张图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个原则。例如，你的很多的文字是采纳左对齐〈Align=left〉，必须要在网页的右面加一些图片或一些较明亮、较醒目的颜色。

通常状况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分通常放置一些Banner广告或导航条及网站LOGO，而页脚部分通常放置联系方式和版权信息等，页眉和页脚在制定上也要注重视觉平衡。同时，也决不能低估空白的价值;网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，破坏该网站的形象。在网页制定上，适当的地方增加一些留白，精炼和升华你的网页的形象及美感，使得页面变得简洁。

UI制定和网页〔美工〕的区别是什么

首先必须要对UI制定和网页美工各自的使命范畴进行解读：

UI制定：UI其实是用户界面(Userinterface)的简称，而用户界面是指人和机器互动过程中的界面。UI制定就是制定人机交互过程中所必须的元素和步骤。以移动端的手机为例，手机上的界面都属于用户界面。用户通过这个界面向手机发出指令，手机依据这些指令所产生相对应的反馈。而制定这套界面视觉的人被称呼为UI制定师。

美工：一般是指对平面，色彩，基调，创意等进行堆砌的技术人才，分为平面美工、网页美工和三维美工。一般必须要精通Photoshop等制定软件。美工专业大部分因为电子商务的兴起而发展的职业，主要负责公司形象包装、网站优化、产品宣扬画册、电子商务专题制定等工作。

UI制定和美工的区别在于：

1.美工，顾名思义，就是美化网站的外表。更深层次的就是特别网站本身的内涵。而UI制定师这一职位的真正含义并非是美工(或者说绝不是仅仅做"美化'工作而已)。

2.准确的说UI制定师是指专门研究和制定产品的用户使用界面，目的是在满足功能的前提下通过图形界面的合理制定使用户更容易理解和操作，从而提升产品在用户心目中的形象。

3.两三年前的网页合计更多的是界面的好看，所以做静态界面的人都叫美工，基本上页面的结构都不用合计了，都是固定的了，要做的就是客户喜爱什么风格把它做出来就行。而这两年网页要求交互性有效性越来越强，用户体验也受到了重视，在制定的要求制定师从用户的使用角度去安排制定，这就是UI制定师。

4.不容置疑，UI是