什么是网页界面设计
什么是网页界面设计？界面设计(即UI设计)是人与机器之间传递和交换信息的媒介，FaceUI称包括硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。下面网页界面设计介绍，希望对您有所帮助。
界面设计(即UI设计)是人与机器之间传递和交换信息的媒介，FaceUI称包括硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。
UI即 User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
通过对界面设计不同需求进行的分类以及界面设计元素对用户行为的影响，来研究用户在界面设计中所体现的重要性。交互性已经成为网络界面设计中设计追求的目标。为了使设计满足可用性要求，全面的了解用户特征及多元化要求是十分必要的。这就需要找到正确的方法来记录和实现多元化的用户要求。
界面是人与物体互动的媒介，换句话说，界面就是设计师赋予物体的新面孔。
分类
以功能实现为基础的界面设计。交互设计界面最基本的性能是具有功能性与使用性，通过界面设计，让用户明白功能操作，并将作品本身的信息更加顺畅的传递给使用者，即用户，是功能界面存在的基础与价值，但由于用户的知识水平和文化背景具有差异性，因此界面应以更国际化，客观化的体现作品本身的信息。
以情感表达为重点的界面设计。通过界面给用户一种情感传递，是设计的真正艺术魅力所在。用户在接触作品时的感受，使人产生感情共鸣，利用情感表达，切实的反应出作品与用户之间的情感关系。当然，情感的信息传递存在着确定性与不确定性的统一。因此，我们更加强调的是用户在接触作品时的情感体验。
以环境因素为前提的界面设计。任何一部互动设计作品都无法脱离环境而存在，周边环境对设计作品的信息传递有着特殊的影响。包括作品自身的历史、文化、科技等诸多方面的特点，因此营造界面的环境氛围是不可忽视的一项设计工作，这和我们看电影时需要关灯是一个道理。
如何学网页界面设计
首先，要学习网页设计的必备语言——html语言。注意，html语言不是编程语言，而是一种标记语言。这种语言的内容比较容易学，而且有一个网页可以支持html代码的在线运行，具体的请参考《自学HTML——在网页上运行代码(入门课)》。
2自学HTML——在网页上运行代码(入门课)
网页设计，一般都要求html语言和css语言结合使用。css语言是一种建站语言，在网页设计里面是不可或缺的。这里推荐一个页面，叫做runoob，里面可以调试运行多种语言的代码，非常适合像我一样的初学者学习。
要想在网页上加强特效，就需要学习javascript语言。javascript语言是一种动态类型的语言，是现在设计各种动态网页所必不可少的。
能力充足的话，你还可以学Java语言。
要有一定的美术功底。真正的好的图画，一般都是不能靠代码产生的，这样就需要你具备良好的绘画能力。当然你也可以请会画画的朋友帮忙。
要学会使用photoshop软件，这是做平面设计必不可少的一款软件。这款软件是最常用，也是最容易掌握的一种设计软件，可以说比较的平易近人，操作起来也很方便。
如果你实在是懒得自己去设计网页，也可以找别人帮忙设计，不过之前要商量好价格，毕竟设计网页不是个轻快的活儿啊!
网页界面设计的一些规范
一.用户导向原则
设计网页首先要明确网页的使用者，要站在用户体验立场上来考虑和设计。要做到这一点，就必须要和用户沟通，了解他们的需求、目标、期望以及偏好等。网页的设计者要清楚，用户之间是有差别的，他们的能力也各有不同。比如有的用户可能会在视觉方面有所欠缺(如色盲)，对很多的颜色分辨不清;有的用户的听觉也可能会有些障碍，对于网站的语音提示反应比较迟钝;而且相当一部分用户的计算机使用经验还很初级，对于复杂一点的操作就会感觉到很费力。另外，用户使用的计算机机器配置是千差万别的，如显卡、声卡、内存、网速、操作系统以及浏览器等都会有所不同。设计者如果忽视了这些差别，设计出的网页在不同的机器上显示就会造成错乱。
二.简洁和易于操作原则
简洁和易于操作是网页设计的最重要的原则。网站主要是用于普通网民来查阅信息的网络服务。没必要在网页上设置过多的操作，堆积很多复杂和花哨的图片。此原则的要求如下：
1、网页的下载不要超过6秒钟(普通的家庭宽带为2M的，速度一般在220kb/s);
2、网页尽量使用文本链接，尽量减少大幅图片和动画的使用，加快网页的打开时间;
3、操作设计尽量简单，并且要有明确的操作提示;
4、网站所有的内容和服务都尽量在显眼处向用户予以说明等。
三.布局控制
在网页排版布局方面，很多网页设计者还不够重视，网页界面设计排版过于死板，甚至照抄他人。如果网页的布局凌乱，仅把大量的信息堆集在页面上，就会干扰浏览者的阅读。一般在网页界面的版式设计上所要遵循的原则有：
1、7±2的Miller公式。
根据心理学家George A.Miller的研究表明，人一次性接受的信息量在7个比特左右为宜。总结一个公式为：一个人一次所接受的信息量为 7±2 比特。这一原理被广泛应用于网站建设中，一般网页上面的栏目选择*在5～9个之间，如果网站所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。例如Aol.com的栏目设置：Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八个分类。Msn.com的栏目设置：MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七项。然而很多国内的网站在栏目的设置远远超出这个区间。
2、分组处理。
上面提到，对于信息或栏目的分类，不能超过9个。但如果你的内容实在是太多，超出9个，就需要进行分组处理。如果，你的网页上有几十篇文章的链接，需要每隔7篇加一个空行或平行线做以分组。如果你的网站内容栏目超出9个，如腾讯公司的网站或其它几个比较*的门户，有很多个栏目，超过了9个。为了不破坏7±2的Miller公式，在设计时把比较有代表性的分类加粗，然后再按性质分组，最终如下图分成了6列大的栏目。
四.视觉平衡
网页设计时，各种元素(如图形、文字、空白)都要有视觉平衡作用。根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，设计网页时需要以更多的文字来平衡一张图片。另外，按照*人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个原则。例如，你的很多的文字是采用左对齐〈Align=left〉，需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。
通常情况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分通常放置一些Banner广告或导航条及网站LOGO，而页脚部分通常放置联系方式和版权信息等，页眉和页脚在设计上也要注重视觉平衡。同时，也决不能低估空白的价值;网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，破坏该网站的形象。在网页设计上，适当的地方增加一些留白，精炼和升华你的网页的形象及美感，使得页面变得简洁。
UI设计和网页美工的区别是什么
首先需要对UI设计和网页美工各自的职责范畴进行解读：
UI设计：UI其实是用户界面(User interface)的简称 ，而用户界面是指人和机器互动过程中的界面。UI设计就是设计人机交互过程中所需的元素和步骤。以移动端的手机为例，手机上的界面都属于用户界面。用户通过这个界面向手机发出指令，手机根据这些指令所产生相对应的反馈。而设计这套界面视觉的人被称呼为UI设计师。
美工：一般是指对平面，色彩 ，基调，创意等进行堆砌的技术人才，分为平面美工、网页美工和三维美工。一般需要精通Photoshop等设计软件。美工专业大部分因为电子商务的兴起而发展的职业，主要负责公司形象包装、网站优化、产品宣传画册、电子商务专题设计等工作。
UI设计和美工的区别在于：
1.美工，顾名思义，就是美化网站的外表。更深层次的就是突出网站本身的内涵。而UI设计师这一职位的真正含义并非是美工(或者说绝不是仅仅做“美化”工作而已)。
2.准确的说UI设计师是指专门研究和设计产品的用户使用界面，目的是在满足功能的前提下通过图形界面的合理设计使用户更容易理解和操作，从而提高产品在用户心目中的形象。
3.两三年前的网页考虑更多的是界面的好看，所以做静态界面的人都叫美工，基本上页面的结构都不用考虑了，都是固定的了，要做的就是客户喜欢什么风格把它做出来就行。而这两年网页要求交互性有效性越来越强，用户体验也受到了重视 ，在设计的要求设计师从用户的使用角度去安排设计，这就是UI设计师。
4.不容置疑，UI是IT的一部分，而且是一种只有在IT发展到一定程度才会出现的产物，IT的发展经历了从功能的实现到对美的追求到人性化;同时它也是美术的范畴，因为它是以审美为基础去配合用户动作的过程。所以，只能实现功能的IT产品已经不能满足用户的需要求了，而只从美术的角度去考虑也会导致忽略用户使用方面过程方便性。
5.所以，总的来说UI和美工的区别在于UI主要关注的是用户的操作体验，而美工则是页面效果，注重更多的页面知识。
