设计师|听说UI设计师更喜欢Sketch,是真的吗?

文章图片
Sketch超越PS?莫非又是标题党?不不不!数艺君今天是正儿八经的给大家安利这个软件。
文章图片
在Sketch出现之前,很多UI设计师手首选软件肯定是PS,不过大家对于PS的槽点也不少:设计新界面需要拉各种辅助参考线、切图很耗时、设计一个新界面又得重新创建一个文件等等。
然后,Sketch出现了!作为一款精准直击移动界面设计的设计软件,具有轻量便捷、出图效率高的特点。完美戳中了UI设计师们的痛点,堪称现实版不加班神器!
文章图片
Sketch作为一款轻量并实用的UI设计工具,已经广泛运用于UI设计师的工作,而且目前不少公司在招聘UI设计师时,越来越多地将Sketch软件操作作为一项工作技能的考核内容。
口说无凭,Sketch到底好不好使还得实践出真知,下面数艺君用一个案例告诉你,Sketch的魅力。
实战:“爱护鲸鱼”引导页的制作
本案例是“爱护鲸鱼”引导页设计项目。用户群体是保护动物主义者,为了体现出爱的温馨氛围,笔者将界面风格定位为柔和的少女风格,主色调选用粉色,并添入偏冷的紫色、蓝色和灰色与其搭配,呈现大自然的气息。
为了让画面体现一些活泼感,界面内容主要围绕“一个女孩和鲸鱼相遇”。引导页的绘制流程如图1所示,最终的引导页效果如图2所示。
图1
文章图片
图2
绘制背景
01 按快捷键A新建一个375px×667px的画布。使用“矩形”工具 (快捷键R)绘制一个375px×667px的矩形背景,然后从上到下将矩形填充为浅蓝色(R:121,G:164,B:241)至淡紫色(R:219,G:196,B:130)再至浅粉色(R:235,G:205,B:227),最后至浅蓝紫色(R:197,G:186,B:232)的线性渐变效果,如图所示。
文章图片
文章图片
02 选择“椭圆形”工具 ,在背景图层上方绘制一个圆形,填充为白色(R:255,G:255,B:255)。选中这个圆形并复制多个,将这些圆形自由进行缩放变化处理,然后集中在界面的上方进行排放,作为背景上的星星,如图所示。
文章图片
03 选择“椭圆形”工具 ,在界面中绘制一个直径为46px的圆形,填充为白色(R:255,G:255,B:255)。选中这个圆形并复制一个,然后填充为灰色(R:216,G:216,B:216)并调整其到合适位置,选中这两个圆形,单击“减去顶层”按钮 ,得到一个月牙图形,如图所示。
文章图片
04 选中月牙图形,然后复制一个,“填充”为浅蓝色(R:232,G:239,B:255)。在“高斯模糊”一栏中设置“半径”为10px,作为月牙的阴影,如图所示。
文章图片
05 使用“钢笔”工具 绘制一个多边形,然后设置多边形描边“颜色”为白色(R:255,G:255,B:255),“位置”为居中,“粗细”为 1px,将多边形填充为浅紫色(R:220,G:185,B:219)至浅粉色(R:254,G:237,B:237)的渐变效果,作为山脉,如图所示。
【 设计师|听说UI设计师更喜欢Sketch,是真的吗?】06 选中上一步绘制好的山脉图形,使其呈编辑状态,然后分别按快捷键1、快捷键2、快捷键3和快捷键4激活属性栏中的“直角”命令 、“对称”命令 、“断开连接”命令 、“不对称”命令 ,调整锚点到合适位置,调整山脉的形状,如图1所示。取消编辑,得到图2所示的界面效果。
文章图片
图1
文章图片
图2
07 依照上一步的绘制方法,绘制出靠前的两个山脉。选中所有山脉图形,按快捷键Command+G进行打组,最后得到的界面整体效果如图所示。
文章图片
文章图片
08 选中“山脉”图层组,然后复制一个并移至原山脉图形组的下方。单击“垂直翻转”工具 ,将复制的“山脉”图层组进行垂直翻转处理,设置“不透明度”为38%,调整好位置,作为山脉的倒影,得到的界面整体效果如图所示。
文章图片
绘制鲸鱼
01 使用“钢笔”工具 绘制一个多边形,然后从左上方到右下方,将多边形填充为浅粉色(R:226,G:190,B:223)至浅紫色(R:171,G:126,B:200),再至浅粉色(R:247,G:220,B:239)的线性渐变效果,作为鲸鱼的外形,如图1所示,得到的界面整体效果如图2所示。
推荐阅读
- 主题曲|《创造101》和《YESOK》更喜欢哪一个网友们的选择出乎意料
- 时尚|服装设计师、时尚摊主、艺术达人齐聚 快来青岛纺织谷时尚大集邂逅“牛飞凤舞”
- | 2019大宅设计师年度新势力榜盛典成功举办
- 明星八卦|听说周杰伦要跟王俊凯battle,你会pick谁?
- 获胜|《这街3》大齐舞比拼王一博队获胜四支大齐舞你更喜欢哪个?
- 尽情|飞亚达总设计师孙磊:这是一个可以让年轻人尽情"折腾"的地方
- 设计|Q-CITY 国际青年设计师竞赛(中国·邯郸)获奖公布
- 观点评论|喂!听说人才引进可以直接落户上海?赶快看看把!
- 双高跟鞋|设计师赋予高跟鞋的独特魅力,让女人穿上彰显女性魅力
- 跨文化|阐述跨文化理念 华裔珠宝设计师作品融合澳中文化
