CGWANG王氏动漫教育
广州动漫培训,广州原画培训,广州插画培训,广州游戏开发培训,广州MAYA培训
http://www.c***/
【全国免费咨询热线】:4000-636-114
做GUI设计要学SKETCH?来看这份超全面的SKETCH使用体验
Sketch作为一个为UI设计而生的工具,全矢量、轻量级、像素级精准,非常适合做移动端应用类的界面设计和简单的扁平图标设计。下文是我通过一段时间的使用,对比PS,梳理了Sketch对我们而言的优点和痛点,探讨了下Sketch对提升工作效率是否有帮助。
它轻巧、优雅、,三点相辅相成 。出道至今已经强力地占据了一片设计师市场,经常被拿来跟PS对比。
Part 1 Sketch的八大优势
1. 小清新颜值高
简洁 – 抗干扰
界面简洁美好,功能清晰。无悬浮面板,选择一个对象/图层(objects)就会展示对应检查器(inspectors),不会有PS中处理大文件时各种开关窗口情况。
▲ 软件截图(全屏):左侧栏为图层区;右侧栏为检查器区
2. 使用畅快易上手
2.1 无限画布&画板 – 自由度高
不管有多少画布(pages)都被包含在同一个文档中,还可以在程序内部进行搜索,便于管理大型项目
在一个画布中可以平铺无限个画板(Artboard),这样的全局视野,规划自由度高,也利于思考界面元素关系和维护界面设计的一致性,方便各种check。
▲ 示意文件截图(局部):右侧为随意摆放的4个画板
说明:Sketch文档>Page>Artboard>Layer
在一个Sketch文档中可以建立多个画布(Page),画布中可以自由放置画板(Artboard)。
而每个元素/对象都作为一个图层(layer),以图层或组(group)的形式安置在artboard中。
2.2 无冷启动时间 – 运行快
0启动时间,也就是没有类似于PS的启动画面,节省了等待时间
由于多是矢量文件,因此体量小,运行快。
2.3 简化操作 – 交互体验好
操作人性,各种贴心设计 ,使眼与手在界面设计过程中更加轻松完成工作,上手指数超高。
方便选择:
1. 上文提到的Sketch中不同面板位置是固定的,选中某个对象才会显示对应的检查器,不用在众多属性窗口中苦苦寻觅
2. 鼠标掠过画布中元素的时,左侧图层栏会出现蓝色框对对焦到选中的元素
3. 左侧分栏可以看到矢量图形的的缩略图,不用仔细阅读面板信息即可准确选择
▲ 选中右侧元素”BHBH“,左侧蓝色框自动对焦图层。
简而言之,不懂PS/AI的小白上手Sketch完全无碍。
3. 像素级精准
3.1像素级对齐
Sketch中在编辑路径时,可以选择三种对齐方式——
1. Don’t round to nearest pixels:不自动对齐像素:编辑路径时可以随意移动节点
2. Round to half pixels:以半像素为单位对齐:可能出现半像素
3. Round to full pixels:以1像素为单位对齐像素:锚点全部像素对齐,避免锯齿,可以节省设计湿大量微调时间。
CGWANG动漫网站:http://www.c***
≈★★CGWANG王氏动漫教育★★≈【网站】
http://www.c***/
【24小时在线】(Q Q):800019294
【CGWANG校址】:广州校区地址:广州市海珠区晓港中马路130号之19
西安学校地址:西安市雁塔区电子二路36号青松公寓一层
成都校区地址:成都市锦江区大业路古卧龙桥街成物大厦17楼(青石桥海鲜市场对面,春熙路附近)
武汉校区地址:武汉市武昌区中南路世纪广场B座22层
重庆校区地址:重庆市渝中区大坪正街19号附41号-英利国际2号楼20层
深圳校区地址:深圳市福田区车公庙泰然四路泰然工贸园202栋(东座)5楼513
南京校区地址:南京市建邺区汉中门大街123号知海教育文化产业园9层