这种切图方式你会吗？简单6步帮UI设计师高效完成切图

么有鱼丸：作为UI设计师，过完稿和开发对接时，需要标注设计稿和切图，把标注切图文件给到开发。这个时候就犯难了，那么多尺寸怎么切图，iPhone就有8个版本，更别提安卓那一堆尺寸。今天这篇好文分享一个意想不到的切图方法，帮你高效切图。全方位切图教程：切图流程：《纯干货！一款APP从设计稿到切图过程全方位揭秘》切图神器：《“没有它我就不会切图！”省时省力的切图神器SLICY下载

产品 2016年08月30日

用好这四个元素，帮你做出高大上的电商Banner（附技巧及神器）

@ChiNa_威海_山岩 ：一个电商Banner 由不同的元素（背景、主体、文字、装饰）构成，如何运用好这四个元素，就成了一个Banner 是否优秀的关键。今天这篇好文，结合超多案例，教你如何运用好这四个元素，内附不少配色和修图的技巧及工具，干货多多，别错过咯。我们聊聊图片制作中的元素构成，以及如何运用这些元素让图片内容更合理、丰富。根据大的框架我们首先可以给图片中的元素氛

产品 2016年08月30日

超简单！10 张图秒懂UI和UX到底有何不同？

@墨刀_MockingBot ：UI 和 UX 到底有什么不同？一图胜千言，我们整理了10 张形象生动的图片，告诉你 UI 和UX 的区别到底在哪里。有哪些不容易搞懂的差别？《术语小科普！聊聊线框稿、视觉稿与原型的区别》《UI设计师来收！FLOW CHART 和 UI FLOW 有什么差别？》如果说 UX 设计师是一个站在 4000 米山上远眺产品整体格局的人，那么UI设计

产品 2016年08月30日

实战心得！四个帮你提高UI设计效率的工作技巧

如何提高UI设计的速度？在这里分享一些我观察到的常见问题和改善方式。当然，需要注意的地方何其多，本文先着重聊一下观念和沟通的部分。作者介绍Taylor 从 13 岁起便开始自学网页设计，iPhone 问世后开始接触UI设计，因此是前端及设计双栖的产品设计师。学生时期曾在 Yahoo 实习，其后分别在外商及台湾新创公司带领 Web、iOS、Android 设计团队，及担任UI

产品 2016年08月30日

提高设计还原度！写给设计师的iOS前端教程（一）

提高设计还原度！写给设计师的iOS前端教程（一）提高设计还原度！写给设计师的iOS前端教程（二）提高设计还原度！写给设计师的IOS前端教程（三）iOS的确有许多教程，但是帮助文档你有耐心看吗？写给工程师的教程你看得懂吗？适合设计师学习的iOS前端教程实在太少了，至少我没搜了一下，没找到。这也难怪，会写代码的设计师本来就少，还愿意写下来的，那就更少了。正好最近我要向部门的同事

产品 2016年08月30日

软塌塌没骨感？一起来学学网页设计中的视觉解剖

@飞屋睿UIdesign ：不想让你的设计看上去软塌塌的无骨感？重要的是摸清它的骨骼！网页设计也有所谓的支撑其视觉效果的骨架，这个骨架在早期的网页设计的视觉上是非常明显的。尽管随着网页设计的发展，其骨架慢慢渐隐，但行家自有解剖眼光，看出内在的门道，一起来学习。网页构图技巧：设计的骨架：视觉解剖1983年苹果官网的首页设计，可以清晰的看到这种矩形块状的整形切割。 随着网页设计

产品 2016年08月30日

学会这四个姿势，帮你正确评论别人的摄影作品

@他山之眼 ：在国内的摄影论坛，无论什么照片，我们都会经常看到这样的回复：毒！德味！大师！学习了！看到这样的回复，你会不会觉得毫无营养，让人根本没有交流的欲望，更别说希望从交流中得到提升了。那么，究竟什么样的摄影评论才是好的、有益的摄影评论呢？我觉得，一条好的摄影评论可以从下面这四个方面切入。一、提供更丰富的摄影信息所谓更丰富的摄影信息，就是指为作者提供与作品相关的周边信息

产品 2016年08月29日

手把手教程！帮你成为顶尖设计社区Dribbble 的高级玩家

@小乖乖老爸 ：半个月前的清晨，当我查看邮箱的时候，一封邮件让我兴奋不已。邮件里是所有设计师都梦寐以求的：Dribbble 邀请函。这意味着你和全球最顶尖的设计师在一起了。今天这篇教程从零开始教你成为这个顶尖社区的高级玩家。关于追波的历史，来看这篇指南：《设计师必读！玩转DRIBBBLE终极指南》 一、什么是 Dribbble？有些朋友可能还没听说过 Dribbble，我

产品 2016年08月29日

基础知识！聊聊交互设计三要素之信息架构和流程设计

@黄红艺Designer ：交互设计主要分为三部分：信息架构、使用流程以及交互细节。今天我们来谈论一下信息架构的产生和交互的流程设计，交互基础不扎实的同学，可以来补补课。信息架构说到交互设计，就不能不提需求，因为所有的交互设计的工作都是基于需求，这也是交互设计的第一个着力点。因此，只有深刻理解需求以后，才有可能做出好的交互设计。举一个饱含血泪的例子：在做一个项目的过程中，有

产品 2016年08月29日

PS 教程！30 分钟打造高格调的拟物风扇图标

@杨洋-XHM ：去年做的拟物图标临摹练习。做总结的时候看到这个作品，感觉光影依然非常漂亮。索性就把教程重新规范化写一遍，拿来跟大家分享。效果图：练习重点：这次练习主要练习光影、颜色对形体、空间的塑造，对这块运用不熟练的小伙伴，值得动手练习一下。整个教程分为【背景】【机身】【扇叶】【扇框内投影】【光-颜色】五个部分，每个部分在完成以后都进行了编组，所以你们要注意图层分组。我

产品经理 2016年10月09日