maoquanyu-CSDN博客

原创作品展示

此条博客主要记录平时的练手作品，有临摹有原创作品示例

2018-01-14 21:44:21 264

原创 icon练习

技术形状的绘制和图层样式的使用思考第一次尝试制作相机图标，相机的形状非常简单，形状轮廓使非常容易画出来的，最大的难点就在于中间镜头复杂光感的实现，一次次的观察和尝试之后才实现这样的效果，当然，还是存在瑕疵的。最终效果的实现是要对各处的细节进行修饰的，以相机图标中间的镜头为例，首先用浅蓝和深蓝径向渐变，利用内阴影，颜色设置为紫色，得到紫光，复制图层，再次利用内阴影，颜色设置为青色，得到青色光，

2017-10-21 17:05:59 322

原创图层样式简述-1

图层样式简介ps中图层样式的使用可以增加图片的空间质感，了解这些样式的效果对于设计是很有帮助的。这些图层样式有：1、斜面浮雕。斜面浮雕会作用在图像的上下（默认光线角度90°）2、内/外发光、描边会作用在图像的四周。3、内阴影/投影：会作用在图像的一边。4、颜色叠加、渐变叠加、图案叠加会作用在图像本身，使用后，剪贴蒙版不可用。使用小技巧1、按钮内嵌效果。当按钮使用颜色相较于背景更深更暗

2017-10-18 21:16:30 1780

原创手机播放器界面

技术简单的形状绘制技术利用模糊把素材图片虚化，突出主体功能界面思考利用背景虚化来突出主体是很好的方法一些特殊形状的绘制还是不太熟练，还需要多的练习效果源文件源文件点这里

2017-10-14 13:29:17 289

原创手机界面设计-2——电量显示界面

技术形状工具的利用图层样式的应用UI视觉设计原理，界面追求简洁干净，并能凸显主题内容，图文位置的人性化设计给用户带来不一样的体验。思考简单的电量显示界面也能赋予不一样的视觉效果，一个界面的设计首先要很好的实现它的功能性，然后再添加艺术效果，艺术效果切记过份追求，否则会影响界面给用户的直观感受，很容易产生视觉疲劳，一个好的用户界面应该是简洁干净并且突显它应该实现的功能，主体内容应该放在用户目

2017-10-11 23:37:02 1551

原创手机界面设计-1

技术基本的图形绘制技巧简单图文排版技巧对色彩的理解和应用思考手机界面的绘制和icon绘制是差不多的，都是基于对矢量图形的利用，当然，手机界面要注重整体排版效果和整个界面的色调搭配。效果源文件源文件点这里

2017-10-10 21:35:01 293

原创自制时钟icon

技术简单形状层叠技术和图层样式的利用思考要多加练习才能有更多的灵感效果源文件-源文件点这里

2017-10-09 19:29:44 352

原创锤子浏览器icon

技术形状叠加得出形状利用“角度渐变”画出中间浏览器运动效果利用“图层样式”得到立体效果思考要灵活利用图层样式得到效果，在做出大概效果之后还要再审视细节，设计细节决定成败效果源文件-源文件请点这里

2017-10-09 18:35:18 327

原创锤子时钟icon

技术利用简单的图像叠加关系，得到基本外形，再利用图层样式给图标增加质感思考锤子的图标拟物精细，是很好的拟物化icon练手材料，对图层样式中各个样式的利用，其中的数据和原理需要去理解才能得到想要的效果，效果源文件源文件点这里

2017-10-08 23:59:51 337

原创拟物化icon-1

技术路径工具白箭头、黑箭头的利用利用“图层样式”给icon增加立体感（小技巧：内阴影和内发光的使用可以让图案产生“凹陷”的效果）思考个人感觉拟物化icon相比较于扁平化icon更多的偏向写实主义，在制作时是比扁平icon更加自由的，但是拟物化本身就是一个限制，因为现在跟多软件应用都不一定能用一个具体的物体表现出来，在联想和创作过程是比扁平icon更加有挑战性的。

2017-10-08 22:08:29 983

原创简单指南针icon（不像icon的icon..）

技术利用简单的形状绘制技术，将大概形状绘制出来以后，利用图层的“混合选项”给形状增加立体效果，调整颜色到自己想要的效果。思考简单的形状加上简单图层“混合选项”就能产生不一样的效果。阴影数值距离、扩展、大小分别可以采用以下几组数据： 1-2-3 2-5-6 3-8-9

2017-10-02 21:41:07 457

技术利用黄金分割数0.618对每个icon的边长、角度进行计算，画出轮廓，然后利用形状的层叠关系，合成想要的形状，最后基于感觉对每个icon进行调整，使其大小、风格、颜色统一。思考icon的制作绝不是凭借设计者感觉去设计的，而是基于科学客观的数据（黄金分割数0.618）去计算的，而这些计算只是给出icon大概的边长和角度关系，形状的绘制是要利用形状的叠放关系，去反复调整合成的，这是绘制过程最大的问题

2017-10-02 19:46:35 347

原创简单icon设计--会话图标

设计技术Photoshop有矢量工具，用来制作icon，利用多个圆形图案通过调整路径上下顺序进行层叠切割，得到想要的效果效果源文件传送门

2017-09-30 01:36:25 263

原创图像合成--异质案例

理解技术思考

2017-09-29 00:20:46 558

熊小能