网站原型设计和版式设计

1、ui设计必须按照原型图的排版设计吗

UI设计中小的内容是可以根据设计师的看法修改的，比如界面的美观度，原型图中关于交互的设计要是有修改的话，还是和交互设计师商量比较好，毕竟会影响到用户体验。

2、UI设计学完了都能做什么，和平面设计有什么区别？

UI设计能做的工作：
从事岗位前，UI会学习 计算机操作基础、商务办公 、美术写生（素描）、艺术摄Photoshop图像处理、hotoshop项目实践、业素质课 美术写生（色彩）、手绘二维图标（创意速写、设计素描案例实战）、平面构成、色彩构成、立体构成、矢量绘图CorelDRAW/Illustrator图形设计+图形创意、广告艺术设计与图像处理高级技法、CIS/VI策划与设计、版式设计与包装设计、WEB网页效果图设计、职业素质课 、Dreamweaver网站建设与布局、Dreamweaver网站建设与布局(实训)、FLASH二维动画设计、XHTML语言标准文档类型DTD、CSS层叠样式表、JavaScript程序设计及Jquery、Ajax、Json(Apanta Studio 3.0)、DIV+CSS布局技巧与浏览器兼容、交互原型图软件Axure RP、苹果IOS系统应用设计规范、Android系统应用设计规范、职业素质课 iPhone应用交互界面设计实例、小中型企业网站界面效果图设计、网站网页程序设计、运行、调试、门户、电商型网站界面效果图设计、网站程序设计、运行、调试
PC客户端软件界面设计、iPad应用交互界面设计实例、Windows Phone交互界面
设计实例、社交类APP界面设计、企业ERP、工具类APP界面设计、企业型产品项目设计
以上就是这个专业需要学习的东西。
毕业之后可以在网站平台、软件平台、只能电视、游戏等行业从事网页设计师、WEB前端设计师、UI设计师等

UI设计和平面设计的区别：
平面设计是以视觉作为沟通和表现的方式，透过多种方式来创造和结合符号，图片和文字，借此作出用来传达想法或讯息的视觉表现，侧重于平面媒体或载物进行设计。UI设计是指对软件的人机交互，操作逻辑，界面美观的整体设计。

3、UI设计必须按照原型图的排版设计吗？

原型图只是给你功能和逻辑，你还要站在用户的角度去进行排班和视觉设计

4、ui/ux网站模型设计指南？

现在的网站模板，想要比较吸引人的首先要考虑到网站的独立性，在网站模板要符合用户的浏览习惯，在设计方面设计的比较新颖、简洁、大气，当我们去体验，就因为这些停留下来，网站的面包屑导航要西细化清楚，网站的内容要发质量比较高的信息比较可靠的，这样的信息才可以帮助到别人，网站的访问 量也会逐渐增加.

5、网页设计流程

网页设计的两大要点是：整体风格和色彩搭配。

确定网站整体风格

在这里，我提供给大家一些参考经验：

1．将你的标志logo，尽可能的放在每个页面上最突出的位置。

2．突出你的标准色彩。

3．总结一句能反映贵站精髓的宣传标语！

4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

网站的整体风格及其创意设计是最难以学习的，难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

R、G、B就是Red、Green、Blue（红，绿，蓝）三种颜色，RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色彩组合模式。我们日常用的彩色电脑显示器、彩色电视机等的色彩都使用这种模式。

1、 矢量图

矢量图又叫做向量图，是用一系列计算机指令来描述和记录一幅图，一幅图可以解为一系列由点、线、面等到组成的子图，它所记录的是对象的几何形状、线条粗细和色彩等。生成的矢量图文件存储量很小，特别适用于文字设计、图案设计、版式设计、标志设计、计算机辅助设计（CAD）、工艺美术设计、插图等。矢量图只能表示有规律的线条组成的图形，如工程图、三维造型或艺术字等； 常见的矢量图处理软件有CoreIDRAW、AutoCAD、Illustrator和FreeHand等。

2、位图

位图又叫点阵图或像素图，计算机屏幕上的图你是由屏幕上的发光点（即像素）构成的，每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的，类似于点阵。 位图在放大到一定限度时会发现它是由一个个小方格组成的，这些小方格被称为像素点，一个像素是图像中最小的图像元素。也就是我们俗称的马赛克。

bmp：是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大

gif：是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画。

png：是fireworks的图片格式

jpg：也称为jpeg,是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案。

作为设计者和客户（这里指各站长），如果事先没有明文协议的话设计者有权不提供源文件。

VI是Visual Identity的缩写，中文译为“企业视觉识别”。VI是CI计划的静态识别符号，是企业理念视觉化传达的载体，因此它项目最多，效果最为直接。VI作为视觉识别，它是外在表现，固然需要具有美感，但VI必须是MI的体现，直接反映企业的理念。因此VI设计包含这样一些原则：即充分传达企业理念、人性原则、民族性原则、简洁抽象及动态原则、员工参与原则、法律原则、艺术性原则和个性原则。

CI是Corporate Identity的缩写，中文译为“企业形象”。CI计划，是指企业有目的、有计划、战略性地创造出所希望的自身形象，由此提高企业的社会知名度，最终得到自己最适合的经营环境。

而logo只是网站或企业一个标志。

网页色彩搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。

2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

网页设计工具

图像处理设计：

adobe PhotoShop（外语简称：PS、其程序图标便是它的外语简称）是一个由Adobe Systems开发和发行的图像处理软件。 Adobe Photoshop有两个发行版本：标准版Adobe Photoshop和扩展版Adobe Photoshop Extended，扩展版除包含标准版所有功能之外，还增加了3D处理功能、动画图形编辑功能和高级图像分析功能。 Adobe只支持Windows操作系统和Mac OS操作系统版本的Photoshop ， 但Linux操作系统用户可以通过使用Wine来运行Photoshop CS6。

Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向于对网页的处理。

StylePix（单位：Hornil）跟PhotoShop一样都是图象处理软件，可以处理光栅及矢量图形。

动画设计：

Adobe Flash，前称Macromedia Flash，外语简称Flash，前身FutureSplash，既指Adobe Flash Professional多媒体创作程序，也指Adobe Flash Player。

网页代码编辑器：

Adobe Dreamweave（前称Macromedia Dreamweaver）用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具；是Adobe公司的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。有支持Mac和Windows两个系统的版本。

Amaya（单位：万维网联盟）用于编辑HTML、CSS、数学标记语言、可缩放矢量图形的工具。

6、UI设计和平面设计的区别？

UI设计和平面设计的区别：

1、与传统平面设计相比，UI设计是互联网和电子商务发展的产物，平面设计能干的活UI设计可以干，平面设计干不了的活UI设计也可以干，比如网页设计等，所以UI设计更受企业欢迎，收入也更好。

2、与平面设计不同，UI设计对美术基础要求不高，只要可以熟练掌握软件的操作，参加正规专业的培训，没有任何美术基础也可以学会，并且毕业后直接走上工作岗位。

3、UI设计相较于平面设计，最大的优势应该就是易学、高薪、人才缺口大。比平面设计好学，工资高还更好找工作，并且发展前景更广阔。

(6)网站原型设计和版式设计扩展资料：

一、UI设计简介：

UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

二、平面设计简介：

平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。

平面设计师可能会利用字体排印、视觉艺术、版面（page layout）、电脑软件等方面的专业技巧，来达成创作计划的目的。平面设计通常可指制作（设计）时的过程，以及最后完成的作品。

平面设计的常见用途包括标识（商标和品牌）、出版物（杂志，报纸和书籍）、平面广告，海报，广告牌，网站图形元素、标志和产品包装。

例如，产品包装可能包括的商标或其他的艺术作品、编排文本和纯粹的设计元素，如风格统一的图像，形状，大小和颜色。组合是平面设计的最重要的特性之一，尤其是当产品使用预先存在的材料或多种元素融合。

7、网站设计一般包括哪些方面

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。
四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

8、设计一定要按照原型图的排版做吗，可以改动吗

一般UI是按照PM的原型图来设计，但是如果有更好的排版方式可以和PM商量

9、UI设计和网页美工的区别是什么

UI设计只是网站美工的一部分，网站美工需要学习的内容有UI设计，PS，AI，html语言，javaScript语言等。

网页美工局限于美术设计和页面制作，UI注重交互，用户体验是第一目标。

UI设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。

网页美工需要学习网站概念知识、色彩构成、网页设计中的美学规律、FIREWORKS网页图形处理、FLASH二维动画、PHOTOSHOP平面设计软件在网站设计中的应用、作品设计及点评等内容。

拓展知识

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

网页美工：是精通美学，photoshop（PS），FLASH，dreamwaver（DW）等一网站制作软件的网络人员，必须具有良好的创意和一定程度的审美观。必要时需要一定的策划知识。为网站所有的页面画出来并用DW和css排版出来。页面必须清晰简洁，还要适宜后台调用。

10、网页美工与UI设计区别是什么？

UI设计和网页设计的区别：网页设计侧重于网站页面的设计，一般是电商和传统的网站用的比较多，UI设计侧重于图标，app设计，页面设计以及交互，两者有不同的侧重点，但是相对来说ui设计的发展比较大一些。当然平面设计做的很厉害的人也是很不错的。