设计文章

钢笔工具进阶技巧!如何画出完美的贝塞尔曲线?

编者按:上次有个同学抱怨钢笔工具特别难用,描轮廓花了一个多小时,好在这篇教程及时拯救了他,一看就懂,马上会用,强烈推荐哟。另外,这篇教程可能就是文中作者说说的那篇外文文章:《干货!设计师必须掌握的贝塞尔曲线的秘密》在力力初学 UI 的时候,临摹了很多作品,每次临摹基本都可以分为两个步骤,第一步是用钢笔工具和形状工具把物体勾勒出来,第二步是往形状上填充颜色,然后加一些渐变或者

7 个实用规则,让你的设计更加简单直观

简单直观的设计并不一定非得是极简的,它同样可以是丰富而又有趣的。还记得KISS原则么?KISS 是 Keep it Simple and Stupid 的缩写,指的是要将产品做的连白痴都会用,因此也常常被称为懒人原则。这一设计原则最初在1960年被提出并应用于美国海军的相关设计。在此后的50多年当中,设计在技术和思路上经历了翻天覆地的变化,但是KISS原则依然非常重要,并且

设计中的色彩心理学(上):九种色彩所代表的心理感应

之前写过一些关于色彩的文章,一直说的是关于色彩理论的一些色彩基础,其中有读者提到过想听听关于色彩心理学的一些东西,因此就在这里聊聊自己的一些感想和设计实践中的一些心得体会,并不系统,只谈感想。无论什么设计,工业设计、室内设计、平面设计、以及 UI 设计也好,其实归纳起来都离不开形、色、质、构这 4 个维度:「形」 来定义这个设计占多少体积,长宽高是多少,张什么样,有形的无形

刷爆网络的「薛之谦憋大招 H5」,设计师是这么做出来的!

编者按:那个刷爆互联网的H5 从诞生后已经有上百篇分析,但今天这篇不同,是背后这群创作者针对H5的设计构思以及动画设计进行的细致分享,全部干货,一起来收膝盖。剥壳使&鱿鱼哥:不知大家有否见过这样一个H5: 70113-1.jpg)这则名为《薛之谦2个月没写段子,结果憋了个大招》H5在微信上发布3小时左右,PV已经突破120W……正如title所说,这是薛之谦憋的一记大招,也

扫盲手册!动效设计几乎都是这 10 个软件做的(内附教程)

编者按:想学习动效设计?别以为只有复杂的AE 可以做。今天推荐的这10个软件都可以做出酷炫的动效设计,功能上各有优势,但效果丝毫不输AE哟(内附大量教程)。随着技术的不断发展,动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用,那么问题就来了,为什么动效越来越吃香?它有哪些优势呢?首先要说明一点的是,动效之所以越来越吃香不是最近才流行的,而完完全全就是因为

专为挑剔者:电子商务网站用户界面设计模板

大多数网购人都比较挑剔,怎样的电商网站用户界面设计才能满足他们的需求呢?电子商务网站已经慢慢成为现代都市人的必需品,大家都乐此不疲的使用着, 用户界面设计对于一个电商网站的成功是至关重要的,优秀的界面设计能给网站带来更多的人气。Cristy是一个免费的PSD模板,主要是为鞋店销售,但你可以使用它为任何种类的电子商务目的。整体设计采用的是以图为主,文字为辅的风格,内容之间比较

浅谈动效设计,帮你掌握视觉都需要的动效知识

精细而恰当的动画效果可以传达状态,增强用户对于直接操纵的感知,通过视觉化的方式向用户呈现操作结果。 一、什么是动效及作用?动效是物体空间关系与功能有意识的流动之美,它让用户更了解交互。在IOS7官方guideline中,给动效赋予了一个新的定义: 精细而恰当的动画效果可以传达状态,增强用户对于直接操纵的感知,通过视觉化的方式向用户呈现操作结果。 为什么现在的产品越来越注重动

时至今日,我们再来审视一下扁平化设计

编者按:又是一篇关于 扁平化设计 的文章,与优设之前的诸多文章不同,今天的文章带有阶段性的总结的性质,文章源自著名设计工作室 Tubik Studio,多图预警~著名的艺术家 Edgar Degas 曾经说过,艺术并不是你所看到的东西,而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受,在这一点上,它和艺术是共通的。作

清新脱俗的网页设计,给你不一样的视觉感受

作为新的网页设计趋势,简约设计风格需要具备哪些设计元素?界面设计是一个网站最重要的部分之一,一个良好的网站界面设计,将会给用户一个良好的使用体验,关系着整个网站的用户体验。在信息泛滥的互联网时代,人们越来越追求简约的设计风格,这种风格能给用户带来良好的视觉体验,更利于信息的传达效果,而打造清新简约的网页设计,最关键的就是设计好页面的布局与颜色搭配。当我们纠结于网站的主体色彩