icon

【SKETCH 教程】绘制日历 ICON 一枚

绘制日历icon一枚,练习SKETCH矢量绘图工具,求交流。主要用到的工具:shape图形、combine、gradient渐变、Gaussian Blur高斯模糊 等。上传了源文件,以供交流,请勿商用,谢谢。一个图标的精致程度,就是看你对生活中的事物观察细致程度,以及对事物归纳总结的能力。UI设计师不是简单地画图临摹,也不能像艺术家一样写意洒脱,应该是创造和理性的结合体。

当交互设计师承担视觉设计

有人说,工科背景出身的交互设计师跟视觉出身的交互设计是的区别之一是,前者设计的东西会不够有美感,也就是很Low。虽然逻辑架构,特别是做大型管理系统的时候,可以很快把信息和功能模块归类,但是视觉知识和审美积淀,对我们这种工科生来说, 却是天生的Bug。那么,当交互设计师在一个项目中需要承担起视觉设计的工作的时候,该怎么办呢?视觉设计的思维不像开发知识,或者版面设计中那些对齐理

Coffee-Slice, 一个简单的 Sketch 切图插件

这是阿里的朋友自己开发的一个插件,可以帮助你快速的切图,大家可以试试,有任何建议可以在下方留言板留言,谢谢大家!简单切图功能:根据用户给出的目标容器尺寸,自动计算icon的描边属性、宽度,对icon进行缩放、贴边处理。添加切图图层,自动生成基于@1x/@2x/@3x分辨率的成品切图。一键保存功能:生成@1x/@2x/@3x分辨率的成品切图并一键保存到指定路径。简单切图:一键

“UU” 颜值与创意并重的移动端 UI 设计

UU一款专为旅行者设计的App,为了每一颗热爱自由的心,无论天南海北,无论青春年迈,只要你足够激情,“uu”都会带你平安远行,我们为此做足了准备!!!ICON DESIGN整体ICON都使用的比较圆润的设计手法,俏皮一些活泼一些,旅行就是件自由开心的事情!COLOUR黄色搭配蓝色在设计中能带给我们较强的视觉效果,非常有活力的一组颜色组合。PROTOTYPE FIGURE低保

你够专业吗?一个提升设计师专业度的自查表

最近和某个设计师有段有趣的对话,行走江湖那么久,很多时候我们因为自己多吃了几年饭而觉得自己很senior 。事实上,其他人却好像完全不是这么想…到底该怎么定义 senior 与 junior 呢?许多人认为资深跟资浅的差别是在于脑子是不是比较灵光,比较有创意有想法……我却有不同的想法,凭良心讲,很多时候我觉得 junior 比我们这些老人更有创意,因为没有包袱跟过往经验的束

好图标的秘密!顶尖设计师分享的6个图标设计优化指南

UI的工作曾经被很多人等同于画图标,然而大家真的会画图标么?优质的图标和不够好的图标的区别其实非常小,但是这些细微的差别对于设计质量的影响却是很大。这篇文章分享的是如何用6个步骤来优化图标的设计。少有的icon设计理论结合实践的文章,强烈建议阅读。这6个步骤应该作为一个指南而非教条来准守。这篇文章中我们会将这六个步骤应用到一只柯基犬的图标上。这个图标有潜质,但是还不足以被认

深度 | 建立在符号化设计思维下的 UI 设计

最近基于两个问题的思考和自己产品设计的梳理,意识到视觉设计需要强化差异,深化状态识别和记忆,通过构建符号化设计让用户在与图形交互的时候产生本能的、直觉化的效果。这一点,是我最近在UI设计上感触最深的一点。一、那什么是符号化设计? 首先来看这两个问题。1.为什么Master卡这次VI系统升级,只保留了两个相交叉的红色和黄色圆? 2.为什么Mac系统上的软件左上角的关闭、最小化

UI 设计的感悟:构建符号化设计

最近,基于两个问题的思考和自己产品设计的梳理,意识到视觉设计需要强化差异,深化状态识别和记忆,通过构建符号化设计让用户在与图形交互的时候产生本能的、直觉化的效果。这一点,是我最近在UI设计上感触最深的一点。一、那什么是符号化设计?首先来看这两个问题。为什么Master卡这次VI系统升级,只保留了两个相交叉的红色和黄色圆?为什么Mac系统上的软件左上角的关闭、最小化和最大化可

用户体验设计中最常见的误解

误解1:所有网页应该要在三次点击内到达三次点击法则长久以来都受到Usability Test(易用性测试)的挑战。研究发现,与这种刻板的印象不同的是,其实用户就算没有在三次点击内找到他们想要的资讯,他们也不会离开。事实上,点击次数并不会影响用户的满意度和成功率。没错,较少的点击并不会让使用者更开心,也不会让他们感觉到更快的完成了某件事情。真正重要的是清楚的导航,沿着使用者的

Icon 改版:对于细节的把控才是关键

在这次新的视觉改版迭代中,我们更新了过去较为单一的图标形式,重新定义了图标系统。在旧版页面中,我们发现有几个问题,比如:页面形式复杂,导致页面的焦点太多,重要功能不够突出;一些功能过于隐藏,导致用户很难搜寻…所以在这次新的视觉改版迭代中,我们更新了过去较为单一的图标形式,重新定义了图标系统。在新版中,我们主要做了如下改变:采用 九宫格形式 ,实现更清晰简单的页面层次更具页面