UI设计细节及技巧

在ps CS6出来以后就已经新增加了一项搭边功能,使用这个工具能使图标画出来非常的便捷,在绘制图标时相互结合选择时也需要一定抉择。当你绘制较小的图标时,描边1PX到2PX可以选择“图层-描边”,这样制作ICON更快捷,更节省时间。但是当你描边太大,就会有直线边。


而当你考虑到以后可能需要放大或者打印出来。此时,你就要选择“路径描边”或者“画一个图块再用减法”因为这样随意你放大缩小他都不会失真,还有就是“画一个图块减法”放大或者缩小是按比例放大和缩小。


1、虚线描边,2px,对齐(内描边)


2、触点样式效果


3、描边路径可以绘制开放式路径图标

绘制图标时会用到间断的路径,这时候可以用路径搭边样式,是支持开放路径描边的。我们就用开放路径描边来绘制下面图表中的三个(下图图标还能用“路径减法”绘制)


绘制邮件图标

1、用钢笔工具先画路径


2、调整描边属性,4点粗,内描边,回头端点,圆角点。


3效果图如下:


4、同理绘制其它图标(注意,一个图标有多部分组成时,可能需要多个图层的单独路径)


4、我们顺带提下“路径减法”的绘制

这种方法就是之前说的用钢笔工具“来绘制那些较细的”线图标,必要时会用到“添加描点”、删除描点工具,好处就是便于调整。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 药药切克闹,ui设计细节最重要,哈哈,我又来咯,今天给大家带来的干货是ui设计的一些细节问题,做到这些可以充分提高...
    拥之则安H阅读 3,746评论 0 0
  • 如果你是初级阶段的水平,熟读此文并掌握,马上进阶为中级水平。绝对不是广告噢。 常见技巧 经典的Photoshop技...
    打豆豆阅读 13,200评论 0 81
  • 一、工作区和工作流程 1.工作区和面板 保存、删除、重置工作区停靠、编组、浮动面板 2.首选项 常规、预览、导入、...
    朱细细阅读 12,416评论 0 52
  • #玩卡不卡·每日一抽# 每一位都可以通过这张卡片觉察自己: 1、直觉他叫什么名字?憨憨的阿甘 2、他几岁了? 40...
    天音思语阅读 1,535评论 0 0
  • 锐变76第一天 爱自己-爱他人-爱世界,在我进入舒老师课程的快两年时间里,这个过程我已经经历过,以前我是心中...
    我和榕树阅读 1,441评论 0 0

友情链接更多精彩内容