舒舟（阿里巴巴1688事业部）：人们普遍认为，流程和工具不重要，重要的是想法和思路。话虽如此，不过我认为流程和工具也能反映一个设计师的设计态度以及个人思维方式。那些愿意折腾愿意改变的设计师，在接受新的设计思想和趋势时往往更容易适应。本文作者BenjaminBerger是一名来自法国的交互设计师，文中他介绍了常用的设计工具并找出了这些工具协同时的弊端，提出了自己基于原子设计思维之上的进一步想法，你愿意和他一起探讨吗？ 要是我们把2015年叫做设计工具井喷之年，应该不会有多大异议吧。 数据证明，目前大约34。7（超过三分之一）的Medium文章与设计工具有关。但人们仍然习惯使用静态图形工具来制作界面。当依旧使用本地存储照片，每次设计都重新制作每个组件时，我无法理解程序员只写下三行代码然后不断使用真实数据衍生出其它模式的行为 以下是我常用的设计工具： Sketch：常用来制作线框、界面，偶尔绘制图形。 Illustratoramp；amp；Photoshop：用作图标设计、图形绘制、照片编辑等，但凡不适合用Sketch处理的都会考虑它俩。 Invision：用来制作简单的线框原型。 Principleamp；amp；AfterEffect：用来制作交互复杂的原型。（Principle仍在内测，公开后你会得到更多关于这个工具的信息） Zeplin：用以辅助设计师和前端开发的协同配合。 我认为Sketch与Zeplin之间依然有很大的空隙等待填补。 从创意到产品开发会经历数个阶段，一旦概念设计和线框完成之后，就需要考虑视觉定义了。主要页面的布局与视觉风格需要反复尝试才能找出最适合目标用户，并且能从竞品中脱颖而出的一套。 我将之称为创意阶段。Sketch的故事板特别好用，你能快速的设计稿之间进行迭代，尝试不同的图形、按钮、字体，放在一起依次查看。 直到进入下一步：产出阶段。 之所以叫做产出阶段是因为此时已完成了视觉定义，确定了字体、颜色、布局、形状等元素，接下来就是产出数页高精度视觉稿，即大家熟知的首页、设置、好友列表、个人资料、关注、启动页等等。我习惯戴上耳机听着音乐来搞定它们。 那么问题来了 从单一页面开始完成所有的页面设计，不仅花费了很多时间，而且极易消耗脑细胞。设计师青睐的Sketch对于这类批量产出类的工作无能为力。 更糟糕的是，有时即使尚未定义视觉语言，依旧需要设计这些页面，在已有项目上设计新的功能，或是将当前项目交接给后续的设计师。 2015年，我依旧尝试不同的工具组合并将其规则记录下来。 编程思维 当被问到是否会写代码时，我回答：不会，但略懂一些代码原理。 对我来说，弄明白我的设计如何以技术方式实现特别重要，因为它不仅让我设计出比较可行的产品，也能提升创意能力。 我学会了Javascript的基础和PHPMysql的逻辑，还会一点儿HTMLCSS。 我习惯频繁的与开发团队沟通，从而理解他们的工作内容。我知道iPhone的应用是由很多不同视图组成，数据如何迁徙转移，我该如何图形化的表达它们。 这些让我从图形元素的结构视角去看待一个产品，不是以代码编辑器的模糊印象去揣摩实现方式，而是像一个超大谜题一样抽丝剥茧的理解它们是如何构建和相互影响的。 原子设计思维 一旦你以编程思维开始思考设计时，你开始剖析产品的每个图形要素，这就是被称作原子设计的思维。 简单说，像字体、图片、图标或者按钮等每一个物体都称作原子。 然后原子们可以组成分子，正如细胞（列表条目）一般。 一堆细胞变成一个组织，即列表。 如此反复。 在我们公司，前端开发通常制定一套全景规范用以描述产品的各个设计原子，分子和组织。 我喜欢以乐高积木的方式来畅想设计（我朋友形容设计学校就像幼儿园一样，无非是讲设计原子按照积木一样拼来拼去）。 但是我需要将该流程直接适配到一个视觉设计工具中去，用来为我的设计工作增强一致性和效率。 假如能够在一个面板或者在故事板中设计所有的设计原子，不用操心对齐、字体、颜色等，它们会自动处理好。 想象如果能够不断的将原子设计规范传到下游设计公司那该多美。 MatejHrescak开发了一个Sketch插件能够快速进行组件设计，对我来说仅仅起了个好头，我希望将其继续升级。 工作原理 一旦视觉语言确认，你可以据此制作一个单独文档来搞定规范，并且移除软件其它的无用信息。 第一步，设定颜色、主字体、图形、边距、留白。 第二步，开始设定更精细的原子：标题、文本字体、按钮和输入框。 最后，在故事板中制作基本的文本和图层： 然后通过右键给它们赋予预设的样式。 矩形会自动嵌套预设的风格样式，正如你手动编辑过该标签一样。通过设置边距，按钮会根据标签文本的长度自动适应，通过留白设置可以将故事板内部元素自动对齐。 我们还可以设置更复杂的组织（例如导航栏）来保持各处的一致性。 在此基础上可以添加更多功能，使得通过设置每个元素来自动生成页面、列表、卡片成为可能。改动设计设定会自动应用到所有元素上。这样能够很方便的测试不同的颜色、字体风格等等的效果。 制作界面模板套件将不费吹灰之力，通过预设原生组件就能实现。 从事移动设计3年之后，我依然能够清晰的记得导航栏的精确高度是多少。 当然，设定部分元素时，我们也可以为颜色、字体对比、快速制作响应式元素、调色板等及时的提供一些可用性提示，而不用担心过多细节。 目前Sketch已经能够通过文字样式和制作符号（symbol），Photoshop通过智能对象来完成这些工作，但还远远不够，你们觉得呢？
冬笋的食用功效常吃冬笋营养价值高冬笋的食用功效冬笋的营养价值很高，素有金衣白玉，蔬中一绝的美誉。它与春笋、夏笋不同，低调地长在地下，尚未破土而出，营养价值也较高。吃冬笋，刮油降三高冬笋含有蛋……笑掉大牙段子这叫年味无处不在1hr动物园里一小孩问：为什么把蟒蛇困在大笼子里，又有那么多洞洞？老师：为了保证它有空气，而且又不会逃出来。小孩：万一它减肥了呢？2hr有一天，我去拜访一家重……中国十大名酒排行榜茅台酒乃当之无愧的第一国酒白酒一直都是中国人最爱的一种酒类了，在中国有很多白酒也已经是闻名去世界，那么你知道中国十大名酒都有哪些吗？我们熟知的茅台、五粮液、剑兰春也都在其中，中国名酒排行榜又是怎样一个情……哈尔科夫反击战结束苏联解放哈尔科夫在第二次世界大战的苏德战场上，可能很多小伙伴们都认为当年的斯大林格勒战役最后是以苏联红军的胜利而告终的。然而在这次战役过后，德军在哈尔科夫一带进行了反击战。哈尔科夫这场战役可以……米机械手臂揉碎汽车酷似科幻片来自荷兰的机械手臂正在英国纽卡斯尔进行世界巡回科技展，这只由回收金属做成的机械手能够揉碎汽车、油桶和衣柜，展区酷似科幻片拍摄现场。这只机械手臂来自美国艺术家ChristianR……西游记中效果最好的长生不老的东西是什么最近很多人也都在说这个西游记的问题，话说西游记里面有很多长生不老的东西了，比如说唐僧肉，还人参果，还有蟠桃，当然了也还有其他不知名的，那么很多人要问了，这些个长生不老的东西里面……历史上孝全成皇后暴毙的原因是什么说到清朝的孝全成皇后，她是道光帝的第三人皇后，也是咸丰帝的生母。在清朝，关于皇后的记载可是非常的多，毕竟清朝皇帝很多都是非常痴情的，比如说顺治喜欢的董鄂妃，乾隆喜欢的富察皇后。……年人力资源管理大新趋势在新技术、新经济、新人类，以及新需求的影响下，人力资源管理在2015年有十大新趋势。趋势之一：从传统的战略版图决定组织版图，组织版图决定人才版图，到愿景驱动人才，人才驱动……最绩效模式你造么提到绩效考核，很多人首先想到的往往是奖惩问题。事实上，绩效考核的功能远超过奖惩的意义，考核目的应该是多元的，而不是仅仅对结果的考核。一人一把号，各吹各的调就是目前多数企业的绩效……落枕了怎么快速好起来操作方法01：hr热敷法，可以在温水里倒少许米醋，然后将毛巾浸透，拧半干之后热敷在肩颈的部位，可以有效缓解落枕症状。02：hr运动法，头部可以前向，向后，向左，向右……从特别权力关系理论视角解析高校师生恋摘要：近年来，师生恋现象及其本质引发人们更多的关注。在高校的师生恋问题上，需要正视特别权力关系对人们思想观念的不当影响。我国目前相关法律和教育部的规范性文件对高校师生恋现象关注……房地产个人述职报告新版收录精品借鉴房地产个人述职报告新版收录精品借鉴由好范文网会员林老师投稿推荐，但愿对你的学习工作能带来参考借鉴作用。述职报告是工作中一个很重要的部分，有助于了解自身的工作能力，有利于自……