优就业是中公教育IT培训品牌，致力于培养面向互联网领域的人才，以学员就业为目的，就业为宗旨，是一家集互联网营销师、UI/UE交互设计师、Web前端工程师、Java工程师、Python工程师、Unity开发工程师、大数据工程师、Linux云计算工程师、PHP工程师等课程为一体的IT培训机构。为培养符合时代需求的IT人才，中公教育优就业以高瞻的视野，经多年布局，打造人才培训服务体系。以企业需求为导向，以行业未来为驱动，向企业和社会不断输送IT人才。

UI设计是什么？

UI设计需要参与整个商业链条，关注其中每一个环节，将设计的价值融入每一个和用户的接触点中，让整个业务的用户体验质量得到提升。UI设计包括人与信息交互的媒介的设计、基于界面而产生的人与产品之间的交互行为分析、达到用户在界面之下与系统自然地交互的效果。

为什么要选择中公优就业学习UI设计技术？

中公优就业UI设计培训机构采用阶段式授课方式，学完一块内容进行考核，将掌握不好的技术点再下个阶段再进行讲解。并且定期更新课程大纲所学技术，让学员可以学到企业所需UI设计技术。

第 一阶段：视觉设计基础

课前准备、设计师职业素养、PS软件、AI软件、阶段考核与答辩

第二阶段：品牌视觉设计

手绘插画、设计基础、品牌识别与线下传播、阶段考核与答辩

第三阶段：电商设计

认识电商及摄影基础、产品精修、产品主图设计、电商详情页设计、C4D软件、商业海报合成、大促营销页面设计、推广图设计、阶段考核与答辩

第四阶段：UI交互设计

移动端视觉设计、Web端视觉设计、产品交互迭代升级、动效作品包装、项目复盘整理、阶段考核与答辩

第五阶段：名企项目实战进阶

升纬项目走查复盘、全链路项目优化、趋势设计研究、阶段考核与答辩

第六阶段：就业指导

简历指导与模拟面试、面试题讲解、面试礼仪、工作经验与设计经验分享、综合项目实战、作品集打造与就业指导

第七阶段：系统班高阶增值服务

商业手绘精品课、C4D实战精品课、前端代码、Premiere视频剪辑

UI设计中如何做响应式设计与自适应设计

UI设计中如何做响应式设计与自适应设计?由于科技在不断的发展，小伙伴们上网就不单单只依靠台式电脑了，还有平板电脑笔记本电脑都是可供大家选择的。面对不同的屏幕分辨率网站是如何进行适配的呢?今天我们胡老师就和大家聊聊UI设计中如何做响应式设计与自适应设计?

文章目录：

1.什么是响应式设计?

2.什么是自适应设计?

3.响应式设计的利弊

4.自适应设计的利弊

5.总结

1.什么是响应式设计?

响应式设计就是开发人员使用CSS来确保网站的每个页面都可以根据用户视口的大小重新设置格式，并且只需要为网站创建一个代码库即可。他们使用断点来告诉站点何时调整以适应不同的屏幕尺寸。同一站点在大型台式计算机屏幕上可能具有四列布局，在较小的笔记本电脑屏幕上可能具有三列布局，在平板电脑屏幕上具有两列布局，而在手机上具有单列布局。无论您在响应式网站上使用哪种设备，都将找到相同的基本内容和设计。

2.什么是自适应设计?

在自适应设计中，为每个设备的屏幕创建不同的网站布局。加载时，站点会识别屏幕的大小并提供为该视口制作的布局。实际上，您可以为六种常见的屏幕尺寸(从非常小到非常大)分别创建不同的用户体验：320px，480px，760px，960px，1200px和1600px。

但是，由于为六种不同的屏幕尺寸设计网站会非常耗时，因此可以通过参考网站现有版本的用户分析来确定用户较常访问的屏幕尺寸，从而限制工作量。例如，如果分析表明大多数用户在其Apple iPad和Samsung Galaxy手机上使用该网站，则应专门针对这两种屏幕尺寸而不是所有六种可能的屏幕尺寸设计用户体验。

3.响应式设计的利弊

从UX交互设计人员的角度来看，响应式设计的较大优势在于，与自适应设计相比，它所需的工作量要少得多，无论是较初创建它还是维护它。此外，响应站点将容纳无限数量的屏幕尺寸，考虑到似乎定期发布具有新奇屏幕尺寸的设备，这是一个好消息。响应型网站也被认为是适合移动设备使用，因此它们在搜索引擎中的也更高。

另一方面，响应式网站要求开发人员进行更多的编码，即使UX交互设计人员和开发人员密切合作以确保布局可在尽可能多的设备上使用，也无法控制每个设备上的布局。结果，某些设备可能没有在其上布置网页来创造较佳的用户体验。此外，由于无论访问什么设备，都会交付整个网站的代码，因此响应式网站的加载速度可能较慢。这也会损害用户体验。

由于其具有灵活性，所以响应式设计通常是优化网站的选解决方案，尤其是当该网站是从头开始打开到包含许多网页时。

4.自适应设计的利弊

对于UX交互设计人员而言，设计自适应设计所需的各种布局会更加容易，因为它只需要为每个屏幕尺寸的固定宽度创建线框即可。这意味着UX交互设计人员可以完全控制每种布局，并可以确保每种屏幕尺寸的用户体验都是较佳的。结果，如果UX交互设计人员认为为不同的屏幕尺寸包含不同的内容是有意义的，那么他们可以这样做。

例如，用于食品配送服务的自适应站点可能包括台式计算机的主屏幕，该主屏幕显示餐厅选项和不同类别的食品以及餐厅位置搜索功能。同时，手机上同一站点的主屏幕可能仅包含餐厅位置搜索功能。

自适应站点对于开发人员来说更容易实现，并且因为它们仅提供给定屏幕尺寸所需的代码，所以它们的加载速度比响应站点快得多。

就是说，对于UX交互设计人员而言，自适应设计可能需要承担很多责任。虽然可以通过仅设计六个常见屏幕尺寸中的两个或三个来限制工作，但这意味着，如果用户在非设计的设备上访问该网站，则该网站将无法正确格式化。即使设计了所有六个屏幕尺寸，仍然不会覆盖不常见的屏幕尺寸。

自适应设计通常较好用于网站的重新设计或增强。如果客户需要一个现有网站的移动布局，而他们无意改变，则自适应设计可能是较佳选择。

5.总结

现在，您应该对什么是自适应设计和自适应设计以及两种方法的利弊有基本的了解。在确定哪种方法较适合您的下一个UX交互设计项目时，请记住以下几点：

5.1响应式设计可以根据所访问设备的屏幕尺寸(从大型台式计算机到小型移动电话)来更改其布局和外观。

5.2自适应设计要求为将要访问该网站的每个设备创建不同的布局。

5.3响应式设计通常需要UX交互设计人员进行较少的工作，但是他们必须与开发人员合作以确保可以在每种可能的屏幕尺寸下使用网站布局。

5.4自适应设计需要用户体验设计师为单个网站创建多达六个不同版本的屏幕，以用于不同尺寸的屏幕。尽管工作量很大，但它使UX交互设计人员可以针对这些布局所涵盖的每种设备优化用户体验。

5.5自适应设计通常较适合从头开始设计的较大站点。

5.6自适应设计通常较适合刷新的较小站点。