零基础怎么样学习ui设计?
1、模仿优秀作品 初期可以选择一些优秀的UI设计作品，尝试模仿它们。通过模仿，您可以学习到一些常用的设计技巧和风格。学习颜色和排版 颜色和排版在UI设计中至关重要。学习如何选择配色方案和进行文字排版，以创造美观和易读的界面。
2、UI设计是一整个完整的课程体系，会从基础开始学起，所以零基础的同学完全不用担心。一般来说，第一阶段的课程都是从基础的软件开始学起，比如PS、Illustrator。老师都会从软件的基本功能和基础操作讲起。
3、ARP主要用于制作UI设计中的原型图，线框图，流程图的设计。说了那么多废话，那应该怎么学习呢？第一个，练习软件基础知识，现在网上有很多这样的软件基础知识视频，先把软件理解之后我们在来开始创作练习。
4、学好常用的设计软件后就要学习UI交互设计了，这一方面你主要需要学习移动端视觉设计、Web端视觉设计、产品交互迭代升级、动效作品包装等技能，通过这些技能的学习掌握多页面设计方法及设计风格。同时UI设计师需要熟悉项目开发的流程，并能够与前端开发人员无缝对接，所以需要培养自己的全局意识。
5、制定学习计划 很多时候我们学习都是需要制定相关的计划的，学习UI设计也是一样。如果你学习的时候只是像无头苍蝇一样，学习效率就会变得比较低，你也就很难得到较好的学习效果。制定学习计划是学习UI的第一步。
6、学习软件知识 包括掌握Photoshop、Axure、Illustrator、sketch、蓝湖等常用软件。另外，制作原型，界面，图标制作，素材制作，切图等等相关步骤的软件都需学会。软件是是设计师的基础，新手刚入门可以先从这点入手。娴熟的技法，是完美展现设计作品的必备条件，要熟练掌握好。
放大镜图标UI设计教程
新建一个1000 * 700像素，分辨率为72的画布，背景填充黄褐色：#C1AE84。新建一个组，先来制作玻璃镜框部分。在组里新建一个图层，按Ctrl + R 调出标尺，在左侧位置拉两条相交的参照线。然后以参照线的焦点为圆心，用椭圆选框工具，按住Alt + Shift拉出下图所示的正圆选区。
ui图标设计的图像隐喻类似的东西 它代表了现实世界中的一个实体。最典型的设计有放大镜图标，购物车图标，邮件图标等等。
图标的设计：图标设计主要是标签栏中具体功能的明确表现，目的是用图形的方式引导用户快速寻找想要找到的功能。而图标样式分为面形图标、线形图标、线形和面型图标的结合、节日图标。像“发现”就和放大镜有关等等很多都是生活中我们惯用的东西，结合实际加以想象就可做出好的图标设计。
UI设计中图标设计的方法有哪些?
1、扁平化设计仍然没有过时，始终还在流行。扁平化的图标在视觉上相对而言更加简约，可以被设计地更加多变，也可以同各种不同的设计风格兼容，和不同的元素搭配起来使用，因此也同样收到设计师和用户的青睐。
2、UI设计中图标设计的方法有哪些？ 轮廓清晰带有渐变的图标 渐变色也是这两年最热的趋势，它同样出现在图标设计当中。相对微妙的渐变在图标设计当中，增加了视觉的维度和层次，这使得图标拥有了更加立体化的细节，这种设计使得图标本身的高级感更加明显，也恰如其分地增加了整个设计的信息量和丰富度。
3、线形图标 线形图标比较轻量化，减少视觉干扰，让用户集中在产品核心功能上。在iOS11以前，iOS原生应用的导航栏，标签栏，工具栏全部采用了2px线框的图标设计。线形图标的使用也有两种：正形和反白。不建议线形图标的反白使用，因为从设计逻辑上讲，背板结合线形图标是互相矛盾的。
4、接下来，让我们探讨一下UI设计图标的几种类型。 拟物图标：这类设计力求模仿真实物体的外观和质感，通过高光、纹理、材质和阴影等效果的叠加来塑造物体。扁平化设计则摒弃了这些效果，转而采用更抽象、简化、符号化的元素来表达信息。
5、更多三维呈现 在以前，UI或运营设计中常见的都是二维的处理手法。元素以平面的方式展示给我们，但是今年会慢慢趋于更多3D的效果，使内容更加有纵深感从而也提升了设计的趣味性，尤其是运用在运营设计上会让画面显得更加丰富。
6、固有思维 在图标设计的过程中，大多数设计师都会选择简单明了的合计，但是在设计的过程中，设计师还要考虑品牌的独特性，简单明了的确很重要，但是如何凸显品牌独特才是重点，所以，在设计时，可以融入品牌元素，打造出不一样的图标设计。
ui界面设计怎么切片教程
1、ui界面设计切片教程如下：在创建切片时，可以使用切片工具或构建使用层；切片可以选择使用选择工具来选中；可以移动它，设置它的大小，还可以让切片与其他切片对齐。
2、Step 安装并打开插件 插件安装好后打开PS，在「窗口扩展功能」找到摹客 插件，选择并打开。使用摹客平台账号登录。Step 标记切图 在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。将在名称前增加“-e-”，「标记切图」变为「取消切图标记」，则标记切图完成。
3、网页设计好后的切图是将设计稿切成便于制作成页面的图片，并完成html css布局的静态页面，有利于交互，形成良好的视觉感。通俗来讲，把一张设计图利用到切片工具，把自己所需的切成一张张小图，然后用DIV CSS完成静态页面书写，完成CSS布局。
4、所以可以用摹客之类的专业工具来自动切图。UI把Sketch、Adobe XD、PS的设计稿进行切图标记，上传至摹客后，开发就可以自主下载不同平台不同尺寸的切图和使用了。