搭配的智能触控笔，拥有压力传感器，可以跟手指同时使用，而且搭载Lightening接口，可以插到Apple设备上来充电。利用蓝牙技术和触控技术，用笔尖感知位置、力度和角度，Apple

它们的形状随着它们与世界的相互作用而变化。它们能够根据自己的成分进行挤压和拉伸。同样，我们的界面可以在与它们交互时挤压和拉伸。部件的重量和重心不会改变，而只是移位。by

下面我们将介绍常见的按钮样式，不同风格的按钮样式和他们的使用技巧。2_1.实心按钮实心按钮是带有实心填充的按钮。一个实心按钮2_2.线性和幽灵按钮线性按钮和实心按钮正好相反，一个没有填充的按钮

优秀转载本文约4501字，阅读需要15分钟什么是UI设计?图片来自网络UI(User

F8开发者大会在加州圣荷西会议中心举办。会上，创始人兼首席执行官马克·扎克伯格（Mark

数值框直接进行数学运算Sketch支持直接在输入框内进行加减乘除的数学运算。长宽、坐标和圆角的数值是可以计算的，透明度和色值等是不可以进行计算的。05.

Pencil外观看似一支普通铅笔，但性能设计十分强大，可以根据压力度进行不同程度的绘画和涂色，而且用起来十分流畅,几乎不像是一支电子笔。基于这样的使用体验，让越来越多的绘画软件产生在iPad

阅读此文大约需要10分钟极限挑战第三季第二期里面讲了很多神功，降龙十八掌、七伤拳、金钟罩铁布衫、吸星大法、蛤蟆神功等个个都是武林绝学，但每个神功都很厉害也都环环相克。这些神功当中有哪些可以为我们设计师所用了，听说学会金钟罩铁布衫这门神功可以在设计界横着走……金钟罩铁布衫看字义就是有一个罩子来约束你，对于字体来设计说可以是历史的传承，可以是字库的字体进行二次创新；对于图形创意来说艺术来源于生活却有高于生活，图形都是要通过生活中所见进行提炼创意；对于UI界面设计来说更多的是苹果和谷歌公司给出产品中的一系列的规范。对于设计师来说我们既被约束着，又想在有限的体制内玩出新花样。今天具体聊聊金钟罩铁布衫在设计中的应用。01LOGO设计金钟罩在LOGO设计起到的作用是塑形。在logo设计中有一种形式是内容+造型，内容可以是文字、图形、图案、插画、肖像等，造型的形式有圆形、椭圆形、扇形、正方形、长方形等。内容里面的元素可以是表达事物的属性或寓意，但是一个元素孤零零的显得单一，这时候通过结合造型增加它的形式感。02LOGO延展金钟罩在LOGO延展起到的作用是保护。LOGO造型+点线面进行延展。通过点线面在造型上进行延展，一是可以丰富画面，二是可以提炼相关造型元素进行替换（

阅读此文大约需要22分钟时间黄金分割大家应该早就有所耳闻，作为一名设计师，可能一直感觉它离我们很遥远。那么怎么能利用黄金分割线更加完美的构图呢？说实话呢，构图的时候是否使用黄金分割线构图并不是绝对的，它只是方法之一。但是黄金分割比例在全世界乃至全宇宙确实都是至高无上的。01至高无上的黄金分割比例这种东西是很神奇的事情，你了解的越多越会绝的这是一个不可思议的事情。甚至有人称之为上帝的密码。那黄金分割线到底是个什么东西呢。它在什么位置？它在画面中的什么地方？有一条线条，如果我们从中切一段，如果左边是0.618这么一个比列，右边是1这么一个比例。如果符合这样的左右比例我们称之为黄金分割比。那么中间切割的位置就是我们黄金分割线的位置。我们大体概括一下：黄金分割线是指将整体一分为二较大部分与整体部分的比值等于较小部分与较大部分的比值其比值约为0.618这个比例被公认为是最能引起美感的比例总结一句话就是0.618的比值最美0.618的比例怎么来的？有人做了一个实验，他们拿着一些长方形去问全世界的人，说哪个长方形最好看？结果所以的人都不约而同的选择了这种长方形。西方的，东方的，土著的都选择了如下图的这种长方形。科学家们就很奇怪它到底奥秘在哪？要分析分析它。这个长方形如果从中间画一条线，把它分割成俩个形状的话，右边可以是一个正方形，左边小的长方形的比例和原来的长方形的比例是一摸一样的。小的长方形也可以切割出一个正方形和一个等比例的更小的长方形。这种长方形只有黄金风格的长方形才能做到。02运用黄金分割线构图画面长宽比不同，黄金分割线位置也不同。这里我们列举常用的长宽比尺寸4:3/3:2/16:9/1:1。在移动端主流尺寸中，iOS尺寸使用750*1334，安卓尺寸使用1080*1920。这俩个尺寸正好等同于一倍图375*667的比例。不同长宽比的画面我们按照0.618:1的比例，一个画面可以切割出4条黄金分割线，上分割线/下分割线/左分割线/右分割线。我们在实际构图怎么利用黄金分割线快速排版？2.1、基本的运用方法2.1.1、把主体放线上，当然线状的主体才能放线上。在构图中我们经常遇到正方形/长方形等规则的形状，前期我们把规则的形状中心放在黄金分割线上，等所以内容添加完成后再分析画面的重量，微调来平衡画面。不是所有的物体都是刚刚好放在黄金分割线上，轮廓化的形状应该根据什么来跟黄金分割线重合呢？应该是形状的重心，而不是中心。（如上图）长方形的图片是有规律的形状，我们把它的中心暂时先放在右黄金分割线上，从平衡角度来看还是右边重，因为我们还没有把页面所以元素放进去，到时候可以根据画面的平衡感来微调。2.1.2、多条黄金风格线构图一个画面中，可以切割成上下左右四个黄金分割线，前期练习时可以尽可能把黄金分割线利用好。（如上图）我们把图片放在右黄金分割线上，正文大标题放在上黄金分割线上。这样就搭上俩条黄金分割线了，再加上logo/分类/导航等信息整个界面就更完整了。（如下图）2.2、具体选择哪一条？初期进行练习的时候，黄金分割线能搭上几条就搭上几条。这么多黄金风格线，如果我用1条到2条，到底选择哪一条？2.2.1、根据元素选择界面设计时要根据元素多少进行选区更合适的黄金分割线。（如上图）最终所以元素都确定后，我们把图片放右黄金分割线上，正文大标题放在上黄金分割线上，正文跟按钮的中心放在下黄金分割线上，图片轮播按钮的中心放在左黄金分割线上。这样四条黄金分割线搭上都利用起来。在这基础之上再去微调相信画面会更出彩的。2.2.2、根据那边更精彩选择画面把上下或左右俩条黄金分割线对比一下就能确定参考哪一条黄金分割线了。（如上图）我们开始把图片放在下黄金分割线上，上面留了太多空间，图片的内容展示的也很少，画面感不够丰富。（如上图）根据画面的丰富程度，我们把图片放在靠近上黄金分割线的位置，把图片中主体的放在靠近右黄金分割线附近。然后再添加内容丰富画面，我们为画面添加logo/数据/导航/分类/按钮，让画面更丰满。（如下图）2.2.3、视线的影响人和动物的视线朝向会影响到它的摆放位置。（如上图）小狗狗的视觉朝向是左边，所以我们肯定得把小狗狗放右边。因为它是一个不规则造型，当遇到不规则造型时我们应该尝试找到它的重心，正好它整个形态成一条直线，它的重心应该是沿鼻子的往右的一条隐形的线。主体确认好后，我们在加上logo/标题/正文/导航进行排版，保证画面平衡进行微调。（如下图）简化的黄金分割线三分线我们还有个困难，那就是0.618:1的黄金分割线的位置确实不是很好找。所以对于设计师来说，我们有一种简化黄金风格线的做法？就是三分线。什么意思呢？左边是黄金风格线，右边是三分线。三分线就是均匀的把长方形的长和宽切三段，均匀的砍三段，每个方格都是一样大小。三分线的位置跟黄金风格线的位置差不了多少，但是黄金风格线比起三分线更靠近中央的位置，是这么一个概念。(如上图)绿色的虚线是右黄金分割线的位置，黄色的虚线是右三分线的位置，我们没有直接把主体的重心直接放在黄金分割线上，在这个画面中，因为左右的信息量很大给人很重的压迫感，所以主体如果太靠近左边就会让画面失去平衡，这时候我们就把主体放在了三分线上。不要说很严谨的把它重心摆在三分线上，一来黄金风格线真实所在的位置是三分线往里靠一点的位置，二来我们说黄金风格线构图／三分线构图不是说让你一定要完全重叠，大差不差就行，具体情况还是要具体分析。黄金风格线还不止这么多的表现形式。它还有一种更复杂的表现形式叫黄金螺旋线。而从黄金螺旋线里呢可以推倒出一个黄金兴趣点。于是我们就把黄金螺旋线和最佳兴趣点都统称为黄金分割的衍生品。在设计中应该是算比较高级的一种构图技法了。

风格的统一风格上面已经归纳的很全了，直角图标和圆角图标基础上可以添加一个其他风格，如双色风格；但是剩余的其他风格最好就不要俩俩相加，不然就会给用户感觉很容易乱，也不够简洁，主次不明。4.1.2

举一反三举一反三也是我们设计师应该掌握的一项技能，该方法适用于哪些技能，还可以怎么去创新，应用加减法去再创新。我在绘制了一套low

StyleYoga全名Yoga

想想图标的绘制也是有历史的，从刚开始ps用面切法运用布尔运算去切，有时候线条也是用面切面得到。随着线性图标的火爆和普及，开始放弃面切法，转用钢笔工具直接绘制，还可以很好的控制线的直角和圆角。当你会使用Ps绘制图标了，换成ai你会发现更加的快捷方便。随着Sketch软件在界面设计中有一席之地，在Sketch里快速绘制图标也是设计师需要掌握的一门技能。