网页设计卡片分类法（网页设计咖啡）

本文目录一览：

• 1、交互、体验设计概念梳理
• 2、怎么提升UI视觉体验?提升UI视觉体验的7个小技巧分享
• 3、网页设计有哪几种分类?
• 4、页面图案设计-如何进行网页设计
• 5、网页设计的任务和分类
• 6、《网页设计综合指南》:网页设计看这篇文章就够了

交互、体验设计概念梳理

交互设计（英文Interaction Design， 缩写IXD），它主要指的是两个或多个个体之间交流和互动方式的设计，以达成某种设计产品的目的。

以最简短的路径达到自己想要的目标 交互设计决定着用户对产品的使用效率 帮助用户用最简单的方式引导，让他们找到关注的内容和想要使用的功能。

PD （Product Design）：产品设计 IxD （Interaction design）：交互设计，区别于工业设计，所以加了个”X”。

和交互设计与人机交互这两个名词不同，用户体验是以心理学和认知科学为基础提出的，从心理学和认知科学的角度对人和外界环境的关系进行探讨。在这里，首先整理出权威的交互设计，人机交互，用户体验的定义。

网络游戏更注重UI的交互性、风格的多样性、内容的充实性。而家用机游戏更注重画面的表现力、技术的先进性和UI细节的细腻性。近几年，网络游戏的美术在画面表现力上有向家用游戏靠近的趋势。

公司的产品经理或项目经理往往有着较丰富的交互设计经历。 从需求到体验：交互设计的理论研究 用户体验或以用户为中心的设计（User-Centered Design，UCD）观念的雏形可以追溯到20世纪50年代。

怎么提升UI视觉体验?提升UI视觉体验的7个小技巧分享

1、提升UI设计的十条小技巧：使元素看起来更清晰：在模块和元素之间添加投影或边线 添加圆角细节：在元素的边缘添加投影或边框。

2、图标保持统一性 图标是UI设计里非常重要的模块之一，最重要的一点是要保持风格统一。如果是填充型的图标，那么一套设计里不要出现线性的图标设计。其次就是描边大小的统一，定下了3px就要保持即可。

3、通常情况下，创建一个漂亮且足够实用的UI设计需要花费大量的时间，而且在此过程中，需要进行许多修改。但有一件事我注意到了，有很多常见的问题，只要做适当的修改，就能达到很好的效果。

4、以结果和目标为导向来撰写文案撰写文案的时候，始终以导向结果和目标的方式来撰写，在结构上，尽量以指向目标的关键词置于文案靠前的部位，这种方式能够帮助用户尽量清晰快速地理解要做什么，减少发生错误的可能性。

5、突出设计重点 用户在操作的过程中会优先寻找页面中的设计重点，如果你无法分清页面中的主次信息，那么用户就很难找到目标信息。

6、UI设计高级感提升技巧分享： 视觉元素 在互联网产品日趋成熟的今天，你会发现所有的App越来越像，似乎是同一套模版设计出来的产品。而这种普适化的设计会导致同质化严重，使得设计不精致，产品没有气质和品牌感。

网页设计有哪几种分类?

1、综合框架型：上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。

2、pop引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。

3、封面型 这种类型最常出现的就是一些网站的首页，多事精美的平面结合小动画，另外在加上几个简单的链接或仅是一个“进入”链接，没有任何的提示。

页面图案设计-如何进行网页设计

1、第分割线的设计。这也是常见的一种页面布局设计方式，可以更好地帮助用户快速熟悉页面的布局，有良好的内容组织性。分割线可以贯穿整个页面，将不同的内容进行分割，成为独立的信息。

2、第五：不对称布局 不对称布局本身也是一种流行的设计手法。许多网页设计师尤其喜欢这种有趣的排版布局方式。

3、虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。

4、运用色彩和配色方案 色彩是网页设计中重要的元素之一。选择适合网页主题和目标群体的色彩，并运用好配色方案。色彩可以传递情感和引起注意，因此要注意色彩的搭配和对比，营造出与品牌形象相符的氛围。

网页设计的任务和分类

1、负责网站设计创意与美化工作；与团队或客户共同沟通完成网站设计页面、创意实施等设计性工作；负责网站的界面和专题页设计与制作；负责网站的整体设计风格与布局。

2、设计的任务：它是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为资讯类站点、资讯和形象相结合的网站和形象类网站三类；设计的实现设计的实现可以分为两个部分。

3、设计的任务：设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。设计的实现，设计的实现可以分为两个部分。

4、国字型布局 这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域，其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多、需要良好组织的网站。

5、网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 第一类是资讯类站点，像新浪、网易、搜狐等门户网站。

《网页设计综合指南》:网页设计看这篇文章就够了

简单的导航。导航应该让用户以最少点击的方式来访问期望内容。清晰。不应该让用户猜测导航选项的意义；每个导航选项都应该是明确的。一致性：导航系统对网站上的所有页面都应该是一致的。

限于篇幅限制，将这一指南分为三部分，此为第二部分内容。

限于篇幅限制，将这一指南分为三部分，此为第三部分内容。

所谓“先大后小”，就是在制作网页时，先设计大的结构，再逐步完善小的结构。所谓先简单后复杂，就是先设计简单的内容，再设计复杂的内容，这样出现问题的时候就可以轻松修改。