设计文章

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

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

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

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

扫盲手册！动效设计几乎都是这 10 个软件做的（内附教程）

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

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

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

APP 切图命名规范：介绍一种通用的命名规则

今天菜心要分享的内容是关于切图命名的规范，由于最近正在总结这一部分内容，所以拿出来和大家一起分享探讨一下。关于切图命名的规范，我个人觉得关键是在于团队能够有一个统一的规则，所有成员严格遵守并且和所有开发全盘拉通，不然一切都是空谈。因为不同的团队使用的软件都不一样，如果经常使用sketch软件中symbols的同学，可能在命名的时候会考虑更多内容，但是照顾到还有很多同学在使用
产品 2017年01月13日

AI 进阶教程！教你创建一组炫酷的动作游戏角色

编者按：如何从零开始完成一个游戏角色的线稿、绘制到上色？今天这篇教程能让你完整地学会这个设计过程，适合有AI 基础的同学临摹练习。当然，我猜大家最喜欢的不是创建新的卡通角色，而是让自己变成卡通角色，那么你需要这个教程：《热门教程！手把手教你把真人变成Q版卡通形象》注：零基础可以看文末的「AI小课堂」系列哟。 关键字：设计, 设计文章, 教程, AI
产品 2017年01月12日

网页设计需要学哪些软件？

本文源于@酷coo豆的回答：想要从事网页设计，需要学习哪些软件？我大一，因为专业的问题需要自学？一、平面设计与网页设计自从@酷coo豆由平面设计，转向了网页设计后。感觉到两者之间有着太多的共性，共同的基础理论、常用的设计软件都大同小异。其最大的不同就是承载媒介的区别——一个是“印刷纸张”，一个是电子屏幕。所以对于网页设计需要学什么软件，其主要还是以Photoshop为主，包
产品 2017年01月13日

这 7 个思路，能帮你在设计项目中用好小图标

图标是设计项目中几乎必不可少的一个组成部分，但是在图标的具体使用上，讲究并不少。 如果你曾仔细浏览优设的网站，应该已经看过不少图标设计的实战案例。1、强化视觉并不是所有的图片都能给用户带来惊艳的感觉，很多时候，图片也不足以撑起整个设计的视觉和形式感。这个时候，图标的重要性就凸显出来了。许多有趣的图标和图片结合起来使用，能够强化图片的内容，提供额外的信息，给予用户以交互的提示
产品 2017年01月13日

如何看懂 UI 效果图

“要把图标做到让我想用舌头去舔一下”——乔布斯用Markman标注后，开发时就能达到100%还原度吗？客户（老板／领导）拿到软件的第一个意见，几乎都是关于UI的。有时得到的评价也挺简洁明了的，一个字“矬”。于是惶惶不安的开发小弟经常想到的第一个解决方案：去问设计大神（美眉）要一幅详细的标注图。结果他得到这么一幅标注图：Markman标注例子这样一个页面中，标注了间距、大小、
产品经理 2017年01月12日
加载更多