童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

10个帮你UI设计提速的Sketch使用技巧

6月18日 托天庙投稿
  编者按:选择使用Sketch的理由很多,因为好奇跟风安装的同学应该不在少数,看了介绍觉得功能强大而安装的应该也不少。当然,如果你是一名UI网页设计师,你的Mac和我一样感觉跑PS不堪重负,那么Sketch绝对能帮你排忧解难,从此告别卡顿和无所不在的进度条。
  越来越多的设计师开始选择使用Sketch设计网页、UI了,开发团队BohemianCoding居功至伟。虽然这个还在不断迭代的软件还有不少Bug,并且在功能上尚未完全替代PS,但是已然可以逐渐降低使用PS这款臃肿软件的频率了。
  上手新软件,许多功能都不太就手,设计一个界面可能会比在PS上耗费更多的时间。所以,掌控一些实用的小技巧就非常重要了。哪怕你是Sketch新手,下面的10个小技巧也能帮你节省不少时间。
  1、为画板选择合理尺寸
  好吧好吧,看起来这并不是太高端的技巧,但是在Sketch中,画板的设定非常实用也非常易用。Sketch中提供了非常多预设的画板尺寸(要不怎么说它是UI设计神器呢?这个软件就是为UI设计而生的啊!),你只需要点击A按键,就可以选择你需要的画板了!
  2、搞定栅格
  借助栅格系统来设计UI和网页是经常用到的技巧,在Sketch中,你只需要选择View(视图)LayoutSettings(布局设置)就可以快速配置布局,或者使用CtrlL这个快捷键来调用默认的布局。
  3、几秒内快速复制任何东西!
  这一功能在AI和PS中常常使用,Sketch的开发者将这一功能也完全实现在这一软件中。你可以按住Option键,点击要复制的元素拖动就可以。当你将这一元素拖拽到你要的区域之后,然后使用CommandD的快捷键,就可以复制这一动作了。
  注意:如果你发觉无法操作的话,可以去Preferences(偏好设置)Layers(图层)中解锁duplicatedobjects(粘贴复制对象)这一选项。
  4、距离测算
  如果你想设计出精美的作品,那么一定要对所有的细节了如指掌。如果你想测量页面上所有元素之间的距离,只需要选定元素,按住Option键就可以。接下来,就是属于你自己的强迫症时间了
  5、善用共享样式,你会获益匪浅的
  如果你的这个项目有一百多个页面,并且项目的评审已经推进到第三轮了。眼看着终止日期要到了,奇葩甲方深夜打电话给你:“咱们把所有的按钮都改成蓝色的咋样?”
  好吧,先不要忙着掀桌子砸电话骂娘,你可以说“OK”的,因为你可以使用共享样式来搞定这些按钮。当你在创建你这些UI元素的时候,对于那些要重复使用的样式,你可以在左侧菜单中点击“NoSharedStyle”调出菜单,然后给这个样式起一个难忘的名字,然后就可以运用到更多的UI中去了。
  6、”滥用”符号(Symbols)
  符号,也就是Symbols是Sketch中一个非常实用的功能,尽管看起来有点滥用的趋势,但是它确实非常有用。
  如果你设计的UI上有许多不同的状态、模式或者选项,那么你可以将单个屏幕设定为一个“符号”,然后单击工具栏中的“转化为符号(ConverttoSymbol)按钮”,再在画板上复制这一“符号”,并且创建你所需要的不同状态,唯一需要做的就是添加你设定的这个符号(ISymbol)。当你改变这个符号中的元素的时候,所有的屏幕会同时跟着更新,绝对够快捷。
  7、绘制图形时拖拽它们
  这是一个超级实用的技巧。当你在绘制图形的时候,比如你要画一个圆形,但是你很难一次画好并放置在正确的位置。不过,如果你在绘制过程中按住空格按键,那么你就可以在创建好之后立刻移动它到对的位置,然后继续调整尺寸。
  8、飞速改变透明度
  这一功能应该也是来源于PS,尽管很多人并不太去使用它。当你要调整一个元素的透明度的时候,不用去慢慢调节进度条,你只需要使用数字按键(10)来设定透明度,比如3就是30透明度。
  9、善用“比例(Scale)”功能
  很多时候,你在创建的UI元素并不一定符合需求,大了或者小了都很正常。比如你设置了一个边缘半径20px、边框4px的按钮,如果你直接鼠标拖拽缩放,效果恐怕不会理想。如果你点击“比例(Scale)”按钮,这样来调整,效果会好很多。
  10、最大限度地利用你的工作空间
  大家都扛着笔记本干活儿,但是几乎所有的软件在笔记本上显示的时候,都感觉屏幕空间不够,但又不是所有时候都正好有个屏幕在旁边帮你输出屏幕内容,这个时候,就需要你善用屏幕空间了。如果你要隐藏左右两边的菜单栏,点击CtrlOptionCmd3组合键,如果要单独隐藏左边或者右边,快捷键是CtrlOptionCmd1和CtrlOptionCmd2。
投诉 评论 转载

有哪些因素容易影响图标的易用性?编者按:今天给同学们絮叨下图标的事儿,在很多时候,图标其实会对界面的清晰性易用性产生负面影响。作为设计师,务必留意我们所习惯的图标使用方式,并尽可能的多测试。图标是界面的……10个帮你UI设计提速的Sketch使用技巧编者按:选择使用Sketch的理由很多,因为好奇跟风安装的同学应该不在少数,看了介绍觉得功能强大而安装的应该也不少。当然,如果你是一名UI网页设计师,你的Mac和我一样感觉跑P……是时候来理清交互设计思路了(专业实战版)NeilY:接触交互设计时间不短了,一直没有机会说说自己的方案设计的流程。当一个方案设计完成后,如果不细细打磨,难免有一些被忽略的地方。所以大家在设计时……聊聊UIDESIGN到底做什么的编者按:新人初涉UI领域,除了掌握必要的技能点,想尽快上手,了解整个设计流程也很重要,今天血儿同学聊聊自己接单的7个步骤,以供参考血儿:UI到底做什么,要从UI接到的工作……交互设计三宗罪今天聊聊设计师的三宗罪。1逻辑清晰而混乱好的做事方法和逻辑性是交互设计能力的重要体现,大多交互设计师深知这点并且也有序的组织做事及分析的流程和步骤。但是光逻辑……探讨移动电子商务网站中的图文滚动切换设计很多人都会和我说,网站中的滚动切换设计一般都是弊多利少,尽量不要使用。但是,本文会告诉你并非所有情况都是如此。我写这篇文章就是希望我们能够更多理解网站中的滚动切换设计,不……10步让你做出引人入胜的用户体验设计师IrenePereyra总结了10大技巧帮助你实现令人惊叹的交互式用户体验。近来,设计一款能够吸引并留住用户的web和App越来越成为一门学问。由于很多人对于……所谓“简约”的问题打造客户眼中堪称简单的产品或服务往往是设计师高高供奉的圣经。DuncanStephen曾有妙语云“我们作为设计师的目标,就是让东西对用户来说越简单越好。”如此说来,我们对……交互设计中的5项视觉指导原则原文链接作者信息:JerryCaoJerryCUXPthewireframingand……浅谈用户体验的可视化记得初学设计时就常常听到这么句话,设计不单单是做出一个极具美感的躯壳,更重要的是它背后的实用价值所谓设计的实用性。而在互联网里,这种实用性更多的体现在用户体验上。美的视觉表达是……4个流程帮你快速搞定运营设计!在现如今的社会中,每天都在进行着一场场没有硝烟的商战。运营设计则是至关重要的一部分。那么怎么才能做出一个好的运营设计或者一个相对比较成功的运营设计呢?我们要知道设计的目的。设计……B类电商业务的Web动效研究与实践随着CSS3和HTML5的发展,越来越多狂拽炫酷叼炸天的动效在网页设计上遍地开花,根据最新的浏览器市场份额报告,IE6的份额已经降到了5。21,这简直是一个喜大普奔的消息,做动……
有哪些能帮你搞定儿童设计的方法技巧?案例分析恶意引流产品是如何刷爆微信群的?5个运营都应该掌握的写邮件技巧,你真都会了吗?译文为什么用户愿意为你的产品付费?腾讯产品采访系列:细节控是怎么做产品的?【干货烧脑】如何预测一个互联网产品的未来一套关于产品的数学模如何抓住用户痛点做产品?(三)SCRM对比移动CRM,输赢全靠硬功夫用户名系统得改改了优秀设计主管必备的品质(下篇)基于微信的产品设计05:公众号自定义菜单产品设计如何抓住用户痛点做产品?(一)朗读在小学语文教学中的作用探讨梦想与努力网红跳脱衣舞视频,打断了秘鲁总统的腐败调查听证会流着造句用流着造句大全运动前远离这些食物健身效果更好!耐克与美国篮球队共同举办的“军队篮球”活动在世界篮球嘉年华举骊歌行傅家姐妹害惨陆盈盈,陆盈盈被迫嫁给梁王老人把握好关键期也能延年益寿餐饮品牌的“回血”方式,太浪了!射线检测发现迄今最小黑洞质量仅为太阳倍成长的烦恼言情小说(年轻漂亮的小美妇)第六十五章

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界