UI设计中主流椭圆矩形2钟标准绘制方法

目前在UI设计主流的一种图标绘制形状为介于圆形和圆角矩形中间的形状,然而绘画出标准美观和符合用户所喜爱的形状是很有技巧的。下面我来分享一下3种标准的绘画方法。

方法一:

新建600*600的画布,其他参数默认。

在工具栏的矩形工具中点击三角箭头切换成多边形工具

设置边为:4并且如下下图勾选平滑拐角

按住shift,按住鼠标左键在画布中央绘制

放大之后可以发现它的边缘是虚的像素,因此需要边缘对齐像素网格

打开首选项-》常规

把矢量工具与变化和像素网格对齐勾选

设置好后,回到画布

Command+T选中形状,按住左键轻轻移动鼠标

形状图形就会自动对齐像素网格。

这个是最快速简单的方法

需要调节角度大小,精确的做法是

用直接选中工具依次对四条边的锚点向内或外进行移动

下面这种调节圆角的方法是很难做到准确

方法二:



左边也使用同样的步骤

外圆调整弧度大小

原文来自:中国UI

UI设计

时间: 2024-09-29 21:20:52

UI设计中主流椭圆矩形2钟标准绘制方法的相关文章

浅谈UI设计中妙用无穷的深色系背景

英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# ------------------------------------------------------------------------------------- 又是一篇来自Tubik Studio 的文章,丰富的设计项目经验使得这家资深设计机构对于设计的每一个细节都有着独特而系统的见解.今天的文章聊的就是深色系背景在设计中的运用

构建低成本、高度可配置的桥接解决方案:在嵌入式设计中采用基于D-PHY的MIPI标准外设

http://www.autooo.net/classid106-id128484-2.html 嵌入式系统的设计者们正面临着进退两难的困境.一方面他们需要降低系统成本.另一方面他们的系统面向使用面相对较窄.小批量的应用,无法发挥出大批量生产的规模效益.大批量的消费类应用市场提供的元件能够处理类似的任务,而且成本更低,但嵌入式系统设计者们却无法充分利用这些元件,因为他们的系统可靠性建立在为嵌入式环境优化的高度专用的那些传统接口之上.这个问题在显示屏.摄像头和应用处理器方面最为突出,适用于移动平台

关于UI设计中的交互软件Axure7.0运用

Axure RP是一个专业的快速原型设计工具.让负责定义需求和规格.设计功能和界面的人员能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档. 作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理  . 首先为大家介绍下Axure 的工作界面: 1-主菜单工具栏:大部分类似office软件,不做详细解释,鼠标移到按钮上都有对应的提示. 2-主操作界面:绘制产品原型的操作区域,所有的用到的元件都拖到该区域. 3-站点地图:所有页面文件都存放在这个位置

UI设计中的各种小控件

xib支持图形化操作,提供了几乎所有的控件可供选择,只需拖动到相应的位置即可,但是控件的后台代码仍然需要手动编写,一定程度上加速了前台的开发. xib快速开发程序,手写代码速度比较慢 xib适合做静态页面,代码适合动态复杂的页面 xib不适合svn/git代码管理,代码比较适合 xib不适合后期维护,代码适合长期维护 如果xib文件名与类所在的文件夹名相同,可以直接使用init方法,自动查找同名的xib资源文件 UISwitch 开关 设置显示时的开关状态 [mySwitch setOn:YES

Android UI设计中的三种特效

一.背景色渐变 背景色渐变可以通过在res/drawable中定义一个XML文件实现,gradient.xml的代码如下: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#FFFFFF

Android UI设计中一些不错的示例及第三方控件

1.二级ListView自定义布局ExpandableListView http://pan.baidu.com/s/1mg01BRU 密码:jyl311 2.ListView实现各种动画效果ListViewAnimations 实现各种列表动画效果.包括卡片式列表(效果图1),Grid View列表(效果图2),列表item逐个淡入显示(效果图3),拖动列表item重新排序(效果图4),滑动删除列表item(效果图5),批量删除列表item(效果图6),展开列表item(效果图7)等等.   

UI界面中的文案设计有哪些注意事项?

在UI设计中,文字内容的表述也是需要设计师精心推敲,仔细设计的部分.清晰.准确.简洁的 文案 设计能够让界面拥有更好的可用性,同用户建立信任. 文案设计上的技巧很多,应当规避的误区也不少,今天为你总结16个常见的 UI文案设计的误区,帮助大家少走弯路. 1.尽量避免使用俗语和术语 未知的术语和俗语将会增加用户的认知负荷,所以应当尽量避免使用这类用户无法识别的词汇,使用常用和易于理解的词汇能够帮助用户理解. 下面就是一个典型的反例: 很难说清这种错误提示信息是给系统管理员还是办公室的文员看的. 2

【干货分享】2014年UI设计类资源汇总

现在UI设计不仅仅是UI设计师的工作,程序员也需要学习,优质界面的重要性就不再赘述,博主简单盘点一下去年的UI设计资源. 在学习之前,先来看一看UI设计心理学,用户认可才是最重要的.了解了用户心理,新手要从最基础开始,可以看看菜鸟应该怎样学习UI设计,资深人士从咋看.咋想.咋做详细讲述新人学习技巧. 在UI设计方面,现在一骑绝尘的小米手机可以给我们一些启发,从2010年8月的MIUI 1到2014年8月的MIUI 6,MIUI正逐步走向扁平化. 那什么的用户界面才是优秀的呢,研究用户体验的设计机

杭州UI开发培训就业怎么样?ui设计要学什么?

最近接触到的很多想学习UI设计的伙伴们,都会问一个相同的问题:UI设计是什么?UI设计要学习哪些软件?那在这里统一和大家讲解下,UI设计之路的必备软件!就现今的UI设计师的技法来分析,基本的是要会PS.Axure为主和墨刀.DW.AI.为辅助工具,然而会AE的话更是加分. 学习ui设计除了要会上述这些基本的操作,更加重要的是在作品中要学会培养自己的创意思维,因此想要成为一名优秀的ui设计师一定是得要见多时广的. 那想知道UI设计需要学哪些呢?首先先弄明白UI是什么吧.UI设计指的是用户界面,用户