网页交互设计总结（网页设计 交互设计）
本文目录一览：
- 1、从抽象到具象-交互新人设计总结
- 2、web端交互设计页面布局对比分析2018-04-07
- 3、交互设计中常见的误区有哪些?绕过这些坑让用户越用越爱
- 4、产品入门小白,有哪些专门的交互设计的概念?
- 5、网页制作课程设计总结
- 6、交互原则:交互设计7大定律详解
从抽象到具象-交互新人设计总结
1、记住就是在脑海中形成一张控件的地图，分门别类，随意调用；有意识的体验，就是不仅仅从体验的流畅度，操作的逻辑这种感性／抽象的层面来体验，而是有意识的和设计规范联系起来看待整个产品的布局／模块。当然这些时很基础，很细节的东西，但是也是交互设计师必备的基本功。
2、抽象的“冷”、“热”之感，正是视觉语言的 内在张力 所致。
3、抽象艺术创作既可以通过有意识的构思，也可以借由无意识的力量，两者结合往往能创造出意想不到的艺术效果。但艺术作品并非随意涂鸦，而是需要哲学与美学的深度契合。现代抽象艺术的发展，虽然提供了丰富的技法，但过度程式化的创作是否还能被称作艺术创新，这是当代艺术领域值得深入探讨的问题。
4、但是这个任务仅仅是“感知层”的吗？当然不，每一个视觉表现都或多或少的受到框架层、结构层的影响，甚至可以追溯到范围层、战略层。而交互设计从结构层开始（部分可能从范围层）开始就发挥其影响力了。如果最终的视觉不好看，交互设计可能也是有问题的。所以，交互设计师要拥有美学能力，是必要的。
5、具象艺术受制于物象自然形态制约，画面客观、真实、具体，反映着具有普遍现实意义和广泛联想的审美价值观。抽象艺术理智、夸张不受物象光、色变化的限制。画面把人的思维与反思维、和谐与非和谐应用到了极至，在视觉上具有刺激、振奋、联想之感。
web端交互设计页面布局对比分析2018-04-07
1、所谓“T”结构，就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，整体效果类似英文字母“T”，所以称之为“T，形布局。这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。
2、移动端不同于PC端，最大的区别是屏幕尺寸的限制，相同的内容显示效率要低很多。如果直接按照PC端显示所有内容，页面信息自然混乱不堪。作为交互设计师需要对信息进行优先级划分，并且合理布局，提升信息的传递效率。下面来谈谈手机界面设计中常用到的一些页面布局。
3、通过对竞品的深入体验与对比分析，着重了解界面布局与设计，更好地指导设计相关网站的交互以及视觉设计，同时提升做竞品分析的经验。 根据2018年中国游戏产业报告，2018年中国游戏市场实际销售收入达2144亿元，同比增长3%，其中，移动游戏和客户端游戏占据了中国游戏细分市场的绝大部分。
交互设计中常见的误区有哪些?绕过这些坑让用户越用越爱
1、交互设计中常见的误区有哪些？ 过度创意 网页设计师绝不能缺少创意，同样他们也会试图不断寻找能让产品脱颖而出的优秀创意。但涉及交互设计时，“创意”并不一定就是好，它也有可能会对网站及产品产生不利的影响。交互设计过度追求创意，往往会损害一些用户体验，对用户造成浏览障碍。
2、杂乱无章 有一段时期，网站都试图把一切可能的东西摆上台面。那些日子已经一去不复返，但是很多网站仍然在犯这个错误。看看这个在线商城：设计师试图坚持一种单色配色，但是大量颜色不同的色块、logo和字体，在这个页面上就足够让用户步履蹒跚。
3、注意对比，大哥！对比是创造视觉层级、吸引用户注意特定元素的最重要的方式之一。在网页设计中，对比不仅仅意味着颜色使用，也包括尺寸、形状和位置。这个网站是最简单生动的例子。他们做到了统一一致，但整体背景和按钮并不够吸引人，尤其是在订购按钮上。相比来看这个。
4、全流程参与的误区 我们以为自己会有很多的话语权，对于体验的设计、对最终效果有很大的决定权。但现实非常残酷，特别是国内的互联网公司，设计师的话语权是有限的。
5、交互效果并非越多越好 也许是大家主观上以为，炫动的页面可以让网站的直观感觉很棒。很多网站前端交互人员，总喜欢把交互效果制作的很复杂。但其实从用户感受体验而言，这或许并非最佳选择。内容是一个网站的核心，但是密密麻麻的文字内容用户不怎么愿意阅读。
产品入门小白,有哪些专门的交互设计的概念?
可访问性设计（Accessibility design） 就是以“所有人”为核心，让网页在更广泛的场景下得到运用。对于很多产品来说，其实可访问性设计并没有完全涉及，但是对于一些国家来说，可访问性作为一种法律（Section 508） 来规定网页满足所有人可以访问的最低要求。
分别是移动端UI设计，PC端UI设计，游戏UI设计，以及其它UI设计。第一种：移动端UI设计移动端UI设计，也就是手机用户，界面指的就是手机界面，也就是说手机上的所有界面都是移动端UI设计。比如微信聊天界面，QQ聊天界面，手机桌面。第二种：PC端UI设计PC端UI设计，也就是电脑用户，界面指的就是电脑上的操作界面。
UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。简而言之，UI设计师就是设计用户界面。一般我们手机上app的界面都是UI设计师需要设计的。UI设计分三个分支：研究界面——图形设计师Graphic UI Designer，简称GUI。国内目前大部分UI工作者都是从事这个行业。
界面设计：物zhi理表现层的设计，每一dao款产品或者交互形式都以这种形态出现，包括图形、图标（ Icon）、色彩、文字设计等，用户通过它们使用系统。交互设计：UI是指信息的采集与反馈、输入与输出，这是基于界面而产生的人与产品之间的交互行为。
网页制作课程设计总结
这门课程让我学到了不少关于计算机和网络的知识。老师把课程内容安排的很合理，讲的大都是很基础的知识，这对于像我这样对网络了解不多的学生来说很容易理解，接受。在这门课上我学习到了一些关于建设网站和制作网页的知识，对flash也有所了解。
使用背景图像与使用背景色不同，使用背景色只将网页的背景用某种颜色填充，而使用背景图像则是将网页的背景用图像平铺。这样做可以使制作的网页更美观好看。网页中使用背景图像的具体步骤如下： 新建一个空白网页。 单击鼠标右键，弹出的快捷菜单里选“网页属性”，弹出“网页属性”对话框. 开“背景”选项卡。
再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、二级子页、内容页，创建超级链接。
交互原则:交互设计7大定律详解
泰思勒定律（Tesler’s law） 接近法则（The Law Of Proximity ） 新乡重夫防错原则（POKA-YOKE） 本篇为中篇。
接近法则：泰思勒定律告诉我们，复杂性是守恒的，我们应该平衡复杂性的天平向谁倾斜，以最大限度地提高整体效益。防错原则：防错原则告诉我们，用户的错误是不可避免的，我们只能减少和降低他们犯错的可能性。奥卡姆剃刀原理：奥卡姆剃刀原理告诉我们，如果没有必要，不要增加实体，设计要尽量简单。
因此推测”交互设计7大定律“这种说法，是国内的相关从业人员，为了方便记忆和整理，对已有的交互设计定律进行组合后的一种称呼。
菲茨杰拉德定律 1954年，Paulfitz首先提出了一个数学模型来预测从任何点到目标中心所需的时间，但它在人机交互（HCI）和设计领域产生了最广泛和深远的影响。从起始位置移动到最终目标所需的时间由两个参数决定。到目标的距离和目标的大小（图中D和W）数学上表示为时间t=a+B log2（D/W+1）。
基本原则/标准 易用性易用性包括：易理解性、易学习性、易操作性。
