ui除了金刚区还有什么区

UI即User Interface（用户界面）的简称。泛指用户的操作界面，UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。

UI设计的排版的方式有很多，像纯文本排版，图形文排版，图片文本排版等等，好的排版能有效地向用户传递关键的信息，同时也能提升产品使用体验。生活中离不开设计排版，像经常见到的各种广告与电影宣传海报，如果不能让用户在短时间内记住关键信息，这个设计就是失败的。由此我们可以看出UI设计排版的重要性！

影响排版设计的因素有很多，像一些空间的运用图片文字大小的排版，

论颜色的搭配，文字的对齐以及字体的选择等都会直接影响整个排版质量，在进行界面排版设计的时候要注意以下几个关键：留白，放大比例，对齐与平衡，

父子主次关系以及穿插与分割、人物与界面关系等等。

就拿留白来说，留白的作用是突出重点内容，合理的利用空间关系，使重要的信息一目了然，至于留白的多少，是由界面功能的性质决定的。一般基本功能留白的空间，不会太大，以功能清晰为原则。还有的留白则根据界面性质，选择多留出空间，从而用来烘托界面特有的气氛。随意，我们在进行留白排版的时候，要先弄明白我们想要突出的重点是什么。然后再根据突出的重点来选择留白的多少。

色彩的排版无疑是利用颜色的效果来引起注意，也就是采取高亮，色块来突显设计的内容。比如我们可以利用不同的颜色有效地吸引用户对重要及可操作元素的注意力。像红、黄、橙等暖色调，天生就有较强的吸引眼球的能力，而且这种能力在对比蓝、绿等冷色调时就更为突出。

对齐是界面设计中一个重要的细节，可以无形中提升画面的整体品质，也是对UI设计师是否合格的一个基本判定。对于文字来说，不管是左对齐、居中对齐、右对齐，都是非常工整的对齐方式，对齐是排版很重要的一步，对给人一种整齐、精致、工整的感觉。对齐可以把文字信息串联起来，起到一种引导客户阅读的作用！内容上有关联，排版上赏心悦目。

UI设计界面要如何进行排版？今天北大青鸟UI培训设计小编就跟大家分享到这里，了解更多UI设计排版技巧，关注北大青鸟UI设计培训！更多UI设计小技巧等你解锁！

免责声明：内容来源于公开网络，若涉及侵权联系尽快删除！

1. 加深品牌印象与品牌感

一般来说，产品都会有一个品牌的主色。而这个品牌的主色也通常会运用在外面的产品界面中，例如闲鱼、马蜂窝等，主色都采用了黄色，因为黄色具有非常活泼的特性。另外，有一点一定要注意，如果品牌的主色偏灰偏暗的话，可能不太适合线上的产品进行通用，所以在色彩选择上还是要谨慎。

2. 引导用户视觉来增加易读性

大家应该都有所体会，色彩的运用会将整个页面的层级凸显出来，而不单纯的用中性色来区分层级。所以在界面中，什么样的地方使用色彩是有讲究的。在设计中，通常会需要使用颜色的地方在于希望引导用户和吸引用户注意的地方才会使用色彩，这样做的目的就是提升易读性。

3. 区分信息交互的状态

同样是设计作品，大家可以清晰的看到，美团中的附近热卖好点、满减标签、价格，其实都只具备信息的呈现，但不具备交互的特征和状态。但淘票票中的「4.7万」和「展开」却不一样，「展开」使用了辅助蓝色，这里的展开就具备这个文案所描述的这个控件具备的交互特性──点击后将隐藏的文字展示出来。蓝色一般我们都会使用在某个可点的链接上，当然也会有其他的色彩来表示可点击。所以不是所有的元素都要赋予颜色，这样会使整个页面非常混乱。

另外，UI 设计中主色除了引导用户的作用外，也可以表示当前正被激活的信息状态。例如爱奇艺 app 中播放详情页面，当前版块标签和正在播放剧集的激活状态。

4. 营造氛围传递热度

色彩除了上述所说的不同使用之外，在图片和整体氛围营造中也起了很大的作用，目前很多 2c 的产品往往会在界面氛围的营造中运用一些手段。例如导航栏、底部标签栏上的图标，或者在首页营销版块的瓷片区域都会用品牌色在活动时段内进行氛围打造。

以上就是小编分享的色彩对于UI设计的重要性，对于想要学习UI设计配色的小伙伴们来说，掌握这些内容很重要。最后，希望大家都成为一名优秀的UI设计师。

排版是每一个设计师都必须具备的能力，也是UI界面设计中最难的一部分。它以各种形式存在界面中，如：纯文本排版、图文排版等等。是设计师在做设计时接触多的地方，却也是初中级设计师忽视细节最多的地方。好的排版，能快速有效的将界面中的重要信息传递给用户。因此希望能通过本文，能让大家对排版有一个新的认识。

关于排版设计，我总结归纳了6个设计技巧（还有许多技巧），当然这些方法不是绝对，但是如果能融合贯通的将这些技巧运用到排版设计中，对界面设计感将有很大的提升。

分别是：

选择合适的字体

对齐原则

亲密性原则

具备呼吸感的力量

合理运用留白

对比的力量

同的字体有不同的性格属性，字体选择对界面排版设计具有非常重要的作用。所以我们在做设计时间时，首先需要考虑产品的的属性，目标用户，不同的产品与人群适用于不同的字体。如黑体粗体字醒目突出，适用于画面感强烈，突出强调信息的用途、细体字精致简洁，适用于女性行业、时尚、科技、餐饮等类型内容；宋体、粗体字醒目突出，适用于画面感强烈，突出强调信息的用途等。如下图不同的产品属性使用不同的字体。

最后提醒一下大家，在同一款APP中，最好不要超过两种字体。

在做界面设计时，需要保持界面上的所有元素都存在一种视觉联系，而不是将元素随意摆放在界面上。对齐会让界面排版井然有序，阅读起来会非常流畅。常用的对齐方式有：左对齐、居中对齐、右对齐。

我们做界面设计时，需要根据实际业务场景去选择合适的对齐方式，形成统一的视觉流。

亲密性就是在设计时将相关的项组织在一起，这些相关的项可被看作成一体的，一组的。从而吸引读者的目光，能够顺畅的理解我们所表达的意思。这样的设计可使使页面变得有条理、阅读逻辑清晰、页面留白变得有组织感。

在做设计时，我们只要充分理解界面中各元素之间的关系，就会合理性的去运用它，掌握它。

字体行间距、行间距、行长是我们进行排版设计时，调节最频繁的属性。间距过短，会让用户难以阅，间距过长、会让用户阅读起来比较稀疏，只有创造具备呼吸感的文字排版、才会用户阅读起来保持愉悦的心情。

行间距： 行间距本身没有一个标准的数值，在设计时我们通常会根据字体的属性与运用场景去设置（一般而言，很多时候我们在设计时，通常将行间距设置为字体的1.5倍），增加文字的呼吸感。

字间距： 字间距指的是文本在横向上的间距。虽然很少有设计师在字间距花费较多的时间，但在文本的阅读上起到非常大的作用。如字间距过于拥挤时，将会降低文本的可读性。

行长： 行长是指文本每行的长度，在不同的平台，需要保持不同的文本长度。单行文字如果包含的字数太多，将会导致用户阅读起来感到疲惫。合理的行长会使用户在阅读时很顺畅，反之则会使阅读成为一种负担。

留白是设计师老生常谈的事情，存在页面布局中的各个元素之间。留白能够突出页面中的主要元素，制造页面的视觉焦点，吸引用户的注意，提升页面的体验感。

留白能够使得元素之间的关系更为清晰，更容易被感知，增加页面的呼吸感，显得更为和谐。

对比的目的是营造视觉感官上的变化，避免页面排版单调，增强视觉效果。合理运用对比原则，能在很大程度上提升页面中文字排版的层次感与设计感，还可以组织信息、清晰层级、在页面上指引读者，并且制造视觉焦点。

大小对比 ：视觉元素体量之间的差异，能够制作视觉冲突的效果，使页面的视觉层次更为清晰，体量越大则层级越大，也就越突出。

颜色对比： 颜色在排版设计中起着很大的作用，能起到点睛之笔。合理运用色彩对比可以有效地突出重点、区分信息，还可以起到装饰画面的作用。

此外常见的对比有：材质对比、形态对比、空间对比等等。

排版是数字时代每个设计师都需要学习和掌握的重要技能，无论你的设计项目是什么样的，这些基本的规则总能给你的设计带来更好的效果。不过这些排版技巧都还只是非常基础的部分，在实际的设计当中，还会涉及到很多更加复杂的排版布局——但是这些基础，始终是最重要的事情。

曾经我学习UI设计时，网上资料很多，但是参差不齐，对于新人而言，这是很痛苦的，进步慢。因此我想通过之前踩过一些坑，集合自己的工作经验，把一些知识点分享出来。

分享的最终目的是沉淀自己，同时也希望能给有想要提升排版能力的设计师带来一些帮助与启发！所以本系列文章并不一定适合所有人。

那么本周就先从排版篇幅开启……

排版是界面设计中最难的部分，也是非常重要的一部分，它以各种形式存在界面中，纯文本排版，图形文排版，图片文本排版等等，这是我们在做设计时候，经常会面临的问题。好的排版能有效地向用户传递关键的信息，同时也能提升产品使用体验。

在我们日常生活中，离不开设计排版，包括经常见到的各种广告与电影宣传海报，如果不能让用户在短时间内记住关键信息，这个设计就是失败的。因此我希望通过今天这篇文章，能够让你对排版有一些新的认识。

在界面设计中，影响排版设计的因素有很多，我总结归纳了7个维度（当然还有其他更细的，在这里就先暂时不讲），它直接影响整个排版质量，这些方法当然不是绝对，但是如果能巧妙综合得运用到界面中，能保证大部分界面设计感得以提升，当然也是需要不断刻意练习来提高的。

分别是：

下面我会集合一些案例来和大家讲解下

空间即我们常说的留白，当设计元素紧紧地聚集在一起时，界面看起来没有重点，因此需要和谐的运用它，空间的运用规则直接影响产品的性格，小空间和大空间在视觉感受上，两者完全不同，那么我们在界面设计中如何去更好的运用空间来设计排版。

有一个很好的方法就是可以运用网格去搭建空间，在平面设计中，运用得非常多，那么在用户界面中，同样也可以运用网格去搭建，下面看一个案例：

如上图作者把一个界面分为4Gird，通过搭建好的网格来进行界面中元素排版，右侧是我拆解的图（备注：网格的搭建并没有任何强制性的规定需要搭建多少列，最终的搭建列数需要根据这个产品内容复杂程度去定义的），比如：我最近在做车载HMI设计语言，同样也运用了网格，那么我会根据整个车载HMI产品复杂程度去搭建，同时也运用了几种网格配合使用。

上面两个例子我们可以发现 设计师运用了大空间来设计界面，这使得整个界面呼吸感更强，更透气，因为也是 娱乐 类偏杂文产品，所以设计会偏艺术化一些。

韩国29cm产品是我比较喜欢的一个app，整体设计呼吸感很强，留白空间大，视觉焦点清晰。

我们都知道大的物体更吸引眼球，更容易引起我们的注意，那么在设计中，我们一般都会将重要元素放大，突出显示。

a和b那个更吸引你？

答案是a. 因为a类型排版看起来很大，更具有吸引力。

上面案例中算是大小方法上运用比较好的，我们可以看出视觉层次非常清晰了。首先我能快速知道哪些重要信息，肯定是封面图，接着左上角logo,然后就是导航和标题了，最后就是针对每个内容块的一些详细文案解释。

简单示例，重要的信息一定要大，次级信息弱化。

颜色在排版设计中起着很大的作用，能起到点睛之笔，又或者为画面带来活力，又或者代表着品牌，当然我们在UI界面中字体颜色一定要慎用，因为不同颜色含义是不同的。合理恰当运用颜色， 能够瞬间提升设计品质感。

上面这个web设计中，设计师通过红色来强调重要信息，同时也让灰白的画面有了些许不同之处。

对某些文本使用辅助颜色，例如链接文本，图1 使用方式正确。图2将颜色大量使用在正文，严重影响视觉体验。

避免像图2那样使用对比度低的颜色。

对齐是界面设计中我们经常提到话题，也是提升界面品质感最重要的一个隐形的力量，也许有时候我们会忽略他，有时候会不经意间就没做好。

对齐的界面比不对齐的要整齐很多，视觉流也符合用户阅读习惯。

我们可以借用前面所学的网格来对齐，这样不仅设计有节奏感， 同时画面很整齐美观。

我们界面设计中可以有三种思路对齐方式，当然根据业务板块去选择合适的对齐方式，三种对齐方式都有一个隐形的轴（看我标的线），然后围绕这个去排版设计，自然形成一个规则的视觉流。

上面案例中作者整体偏左对齐，这样形成以左为中心一个轴展开视觉流走向。

我们在做界面设计时候，会经常遇到有人说你的设计，要么是这边太重了，要么就是太轻了，或者这边要不加点东西进去，不然太空了，为什么？

这就是平衡定律，如果同一个环境下的物体没有保持平衡关系，我们视觉感受上是很不舒服的。

下面我们看几个例子：

图1和图2 我们可以看出，图2 给人第一感受就是不平衡的，整体视觉重心偏左。

上图案例，设计师通过按钮来平衡整个画面视觉重心，因为左侧内容多，如果按钮很弱或者很小，是很难平衡画面的，因此我们做界面时候，定义一些按钮大小也是非常考究的。

左边视觉界面，右边拆解原型出来，我们可以看到设计师也是通过元素合理分布使得界面整体平衡。

字体选择对界面排版非常至关重要，这也是所有界面排版中必要的一步，不同字体有不同的性格属性，我们需要根据产品来选择恰当的中英文字体。同时，也需要记住，一个产品APP界面设计中，字体最好不要超过两种

推荐一些我认为2019比较好用的英文字体，大家做概念设计时候或者提案方案包装时候是可以用到的哦（吐血推荐）。

分别是：Montserrat 和 Nexa 字体。

分别是：Futura 和 Playfair_Display 字体

中文好用的字体，大家应该都知道，平方字体，思源黑体，汉仪旗黑，兰亭纤黑，我就不做示例了。

终于到最后一趴了，最后这点是整个设计排版的核心之一，为什么？

如果不清晰设计目标，那么整个排版风格也许最后产出和你用户群体或者产品性格是两种类型的，不同产品风格会有不同的排版style。

比如：我们产品是奢侈品，那么整体排版设计风格一定是使用大网格，大空间去设计，字体纤细等。如果是简约现代呢？又或者母婴产品， 科技 产品， 娱乐 产品等等，每个会有一些特殊排版思路。所以了解你的设计目标，并确定设计原则。

有了这些原则与目标，那么接下来就是开始找参考，找灵感找到对应产品他们是如何排版，如何控制画面节奏感的，推荐多去使用pinterest或者behance

通过七大点排版思路，可以更好的运用在界面设计中，每个排版原则并不是独立的个体，他们之间是相辅相成的关系，比如大小离不开网格，也离不开对比，颜色等等，缺乏某些元素，那么界面就会缺失灵魂，设计产出质量并不好！

好了本期到这里结束，下期会继续和大家分享如何巧妙运用图形提高界面品质感和增强细节！

题图来自 Unsplash ，基于 CC0 协议

UI 设计需要负责美观、品牌风格、浏览体验、阅读体验等内容。这些基本以 UI 设计稿的形式来呈现。UI 设计的本质，是美学、科学和需求的完美融合，虽然大部分人没有受过很好的美学教育，但基本审美还是有的。我们都会对好看的人多几分好感，也会去买自认为好看的衣服和物品。好看的人和物总给人一种赏心悦目的体验。我们的最终呈现都是经过不断地修改和设计师自身的能力来决定的。

从临摹到超越

对于设计新人，临摹优秀的设计作品是一种非常快速的提升途径。临摹的过程中，我们往往会更加主动且细致的观察作品，揣摩作者的设计思路，提升自己的设计感觉。而且在临摹的同时，也可以了解主流分辨率，图标、字体尺寸等与实际设计息息相关的问题。可以找到一位你喜欢的设计师，将其作品收集后，选择其中的某些点进行研究分析，然后不断练习。在练习过程中寻找原设计师的设计思路。设计完成后，再次与原作进行对比，仔细对比与原作的区别，无论是配色，还是构图、细节。反思的过程都是下一套优秀作品的基石。

从生活中感悟设计

艺术来源于生活，设计同样如此。一个宅在家里的人，一定不是一个优秀的设计师。每天沉浸于电脑前，你的作品中只会不断地出现别人的影子。其实更多的时间应该留给自己去感受生活：可以出去旅行，路过的风景或者发生的事情都能成为你最新作品的灵感之源出去看场电影，说不好某个场景或者画面的色彩指引你新的设计思路和家人朋友一起聚会，哪怕他们不懂你的专业，谈话间不经意的一些想法和观点有可能也是你意想不到的收获。

兴趣是坚持的动力

除了收入因素的考虑，很多人入行UI是因为好看的设计作品使其产生愉悦的情绪。如果你恰好是这种人，那么恭喜，你已经具有了成为UI设计师最基础的条件。我们都知道天才的1万小时理论。那么问题来了，一个人为什么会在一件事上花1万小时呢?有些人是不得已，而有些是深入其中，得到了满足，找到了愉悦感。当你对设计感到愉悦，学习设计的过程能够给你持续的满足感，你可以一直花时间在这里，不厌其烦。时间久了，你就会成为一名优秀的UI设计师。

基础知识决定价值

如果你是设计相关专业的，你会比其他人更容易入行。如果你是非科班出身的小伙伴，就需要在学习和工作中不断学习设计基础知识。例如理解了平面、色彩和立体会使你的设计作品具有更精湛的配色、质感和透视细节。扎实的排版基础也会让你的界面布局更加合理有秩序。

技能是设计师的利刃

“光说不练假把式。”即使你有非常过人的天赋和灵感创意，没有熟练的软件技能也无法将其实现。要学习什么软件，成为了新手最纠结的一点。目前行业中可选的软件实在太多，且各有优劣势。还是从主流的Adobe系列工具学起，Photoshop当然是设计师首选的必备技能。

排版美化很重要

UI界面设计中，排版设计同样重要，如何将至关重要的信息，有效地传递给用户，这是界面本身的职责，而在绝大多数时候，这通常是靠文本来完成。有效的排版对于改善 UI 整体的用户体验是极为重要的。而优化排版，本质上也是在优化UI和UX。

出色的排版设计能够让用户注意到内容，而不是排版本身上。优化排版是在提升排版布局的可读性，提升课访问性，但最低的标准和最核心的要素，依然是要保证排版本身的「可用性」。降低用户使用时的障碍和摩擦，减少认知负荷。排版本身不是选择字体，也不是制作字体和布局，它是塑造文本的呈现形式，达到最佳体验的过程。交互设计，会包括信息架构、信息的分类与展示、人机交互等，这些多以原型的形式来表现。

我们在买衣服和物品时，常常会给所有衣服和物品贴上“好看”与“不好看”的标签，“不好看”肯定不会选择。对待一款不好看的 App 也是如此：有时会不得已而用之，但在内心已经给这款 App 打上了“不好看”、“不专业”的标签。面对用户，UI 设计和大部分设计一样，首当其冲的问题，就是好不好看。

这在一定程度上说明，这些资深影迷的审美好，欣赏水平高。但是，如果让这些资深影迷自己去拍一部电影，可能就非常难为他们了。类似的道理，让大众去从事 UI 设计，就像让影迷去拍电影一样难。欣赏美和制造美，中间隔着一道鸿沟。这道鸿沟，最核心的部分就是各类专业知识，一言以蔽之，就是科学。

部分入行不久的 UI 设计师可能会做一些虚拟项目来练习。但在求职面试环节，面试官一般对这些虚拟项目不感兴趣，最多把它们当成视觉稿来一扫而过。原因之一，这些虚拟项目是没有经过市场检验的虚拟需求，有可能是立不住脚的需求，所以面试官不愿花时间去了解。如果展示出来的作品是针对现有产品做 Redesign，忠于原有真实需求的 Redesign，那么面试官的兴趣就会增加很多。UI 设计和大部分设计一样，是要解决问题的。这个问题，就是需求。

UI 设计，就是用科学方法，来满足需求，并带来美学享受。所以，美学、科学、需求这三样，本身也是 UI 设计的价值所在。UI 设计可能会有很多未来，但其核心价值在于我们的终极命题——用户体验，这个核心价值，一定是从用户角度出发。

这个 UI 界面好不好看，有没有美感，是最直观的感受看似不关心，一旦不好看，用户可能就会有一些负面情绪，如果很好看很有美感，用户就会有一种美的享受，而且会下意识产生这款软件做得比较专业和用心的想法。从用户角度出发，UI 设计的价值是需求和美学。另外，需求更多是靠产品、产品功能来承载，所以需求无法成为 UI 设计的核心价值。

美学、科学和需求的完美融合，是 UI 设计的本质。相应的，美学、科学和需求本身，也是 UI 设计的价值所在。其中的核心价值，则是美学。对 UI 设计而言，需求是本分，科学是方法，美学是精神追求。所以相应的，美学也是更大、更受人尊重的舞台。

视觉一致性

UI视觉设计中最重要的原则就是一致性原则，具体的表示是为用户提供一个风格统一的界面，这意味着用户可以花更少的时间在操作学习上，因为他们可以将自己从操作一个界面中的经验直接移植到另外一个界面上，使得整个UI体验更加流畅。

在为应用程序设计界面之前， 设计师首先会对界面的风格进行定义，而定义会以应用程序的市场定位、 功能特点等因素来决定， 完成风格的定位之后，就会开始着手设计一些单个的界面元素，而这些界面元素也就是组成完整界面的个体。

界面设计元素

人们审美需求日益增加，界面的总体设计和规划就尤为重要。面对无数的显示屏设计，色彩的选择和搭配是非常重要的。使用色调、明度和纯度进行调试，可以增加人的记忆，使个性和吸引力和浏览方便，以便产生商誉。使用颜色呼应，设计中要注意重颜色的使用，界面才能完美呈现，它有非常大的影响的平衡，可以提供一个更好的用户体验。一套完整的UI设计其实是比较复杂的，从需求分析到市场定位，从草稿到拟方案，从创意元素的组合到想法沉淀，从设计规范到突破传统，从纸上到电脑上，从个人到团队，或者从团队到个人。

优秀的UI界面是隐形的，华丽的装饰和不必要的元素都已经被剔除，简单直接的页面逻辑和直观必要的元素构成了这样的UI界面。设计UI的时候，你在添加任何元素的时候，最好先将你的UI内的元素限定为必须的，专注于核心的用户体验。

其实做任何事情都有规律可循，做设计也是，先搞清楚：给谁用?在什么时候用?首先，你必须要分析做的这个设计解决的是什么人在什么场景下的问题?一个直播社交APP设计首页解析ui设计过程网页链接，第一次使用的新用户对界面是完全陌生的，所以他的首次体验非常重要，界面应该为用户提供方向和指导。比如推荐喜欢的直播、热门的主播、简单清晰的使用提示等，以此来帮助用户快速适应设计而留存用户。使用过的老用户，他已经对界面熟悉，而且也有操作记录，当他进入首页的时候，他以前的操作数据是不是能匹配显示等。即使是同一个界面，在不同用户的不同场景下设计也要细分，有所区分的进行设计。

重点优先级：功能+交互操作+视觉，做设计要让页面的元素具有清晰的层次，一个页面的重点是什么?次之是什么?最弱化的是什么?而这个层次从三个方面都要有设计体现：功能+交互操作+视觉。一般情况下，这三个的优先级基本是一致的， 功能的优先级决定了交互操作和视觉的优先级，视觉优先级引导用户的操作路径的优先级，他们互相制约互相影响。

无论是设计前的思考，还是完稿后的审查，都可以这样做，保证设计的完整性、合格性。UI设计过程对专业的人来说肯定是不难的，但是对于刚接触的人来说可能达不到效果，这就需要一步一步慢慢的积累了。

1、在创建切片时,可以使用切片工具或构建使用层；

2、切片可以选择使用选择工具来选中；

3、可以移动它，设置它的大小，还可以让切片与其他切片对齐。而且还可以给切片指定一个名称,类型和URL；

4、每个切片都可以通过保存时的网页对话框进行优化设置；

5、按下键盘上的C键，选中裁剪工具，右键选择切片工具；

6、当您创建切片时，可以进行如下三个样式设置:正常,固定长宽比和固定大小；

7、正常:随意切片，切片的大小和位置取决于在图像中所画的框开始和结束的位置；

8、固定长宽比:给高度和宽度设置数字后，得到的切片框就会是这个长宽比；

9、固定大小:固定设置长和宽的大小；

10、编辑切片信息，创建切片之后，可以编辑切片信息通过以下两种方式中的任一种，一种要做的就是点击切片选择工具，单击想编辑的切片，然后点击菜单栏中>为当前切片设置选项的按钮，另一个选择是右键单击切片，在弹出的菜单中,选择编辑切片选项；

11、保存网页，选择文件>存储为Web所用格式，保存图片。

1、确认目标用户：

在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

2、采集目标用户的习惯交互方式：

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。

当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。

3、提示和引导用户：

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。

4、一致性原则：

软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。

例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。

5、可用性原则：

软件要为用户使用，用户必须可以理解软件各元素对应的功能。

比如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。

扩展资料

UI设计师的职能大体包括三方面：

一是图形设计，软件产品的“外形”设计。

二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。

三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。

如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

参考资料来源：百度百科-UI设计