推荐阅读
Illustrator绘制矢量风格的中国花鸟画
平时做东西没有做教程的习惯，做教程太麻烦做一会就要截图再说明，所以此教程是整体完成后反向编辑出来的。所以有些地方讲的不是很详细，但我想通过整体的流程大家也能看明白的。如果有不明白的地方可以Q我。先到网络上搜索一下工笔画的素材，以供一会创作时做为参考(参考不等于抄，要有自己的创作成份。不要说这种找素材的行为可耻，如果你够牛B可以自己画。我不拦着你!)我是双显示器，把素材放在左面的显示器后就可以开始画了，整个过程的使用绘画工具很单一，就是钢笔工具。先把花的轮廓勾出来。把每个花瓣用渐变工具填充颜色，然后把每个独立的花瓣置于不同的图层位置，看上去层次要对。
FrontPage 2003教程 FrontPage2003建站全攻略(一)
在浩瀚的Internet建设自己的家园，这是我们的需求，无论是个人、还是组织。 在创建网站之前我们事先在我们的硬盘中建立一个存放站点所有文件的目录。 模板建站 FrontPage可以适合不同个人和组织的需要，自动建立网“巢”――站点。 操作 打开站点建立窗口：点击“文件-->>新建”，在打开的窗口中可以看到自动建立站点的各种向导和模板。 向导特点：选择向导程序列出的条件元素，创建某类有个性的站点和网页 模板特点：直接采用已经设计好的条件元素，创建某类统一的站点和网页 在FrontPage中，使用向导创建的一般是比较复杂的商业和大型站点，不适合个人在网上安家筑巢。我的网上小家就使用模板建立站点就够了。 操作 选择模板：在新建站点窗口，选择“个人站点”模板。在右面的选项栏中设置站点文件的存放地址。建议新建一个有意义的存放地址，如“e:\webcom”，点击“确定”。 操作 查看站点结构：点击程序界面的“视图”窗口中的“导航”按钮，可以看到建立的站点由哪些文件组成以及站点的结构。 我们看到，个人站点模板的结构是主页下面有五个子页，分别是“自序”、“兴趣”、“收藏夹”、“图片库”、“反馈”，而在文件夹列表栏中列出了站点中的文件，其中“image”文件夹专门存放图片，另外还有五个HTML文件，其中的myfav3.html是备用的子网页文件。其他四个HTML文件分别对应主页和三个子网页。 操作 查看站点中的网页：在导航视图窗口的网站结构示意图中点击某个网页结构图标，如“主页”结构图标，可以打开该网页，我们就可以在窗口中看到这个预先定制的网页大概结构。点击文件夹列表中的文件也可打开。 注意，打开网页后，我们可以看到导航视图窗口切换到了网页视图窗口。 操作 保存和打开站点：保存站点的工作很简单，当关闭FrontPage的时候，按照提示就可以保存站点。实际上，保存站点主要就是保存网页，因此在修改编辑网页的时候，要时刻注意到保存。保存的方法和在文字编辑程序中保存文件类似。打开站点要复杂些，选择菜单“文件／打开站点”，找到站点所在的目录，找到站点文件夹（是一个带有小圆球的文件夹图标，是FrontPage建立的站点管理文件 操作 删除站点：删除站点很简单，直接在Windows中删除站点所在的文件夹即可。也可在程序中删除。 进一步学习的建议：熟练使用各种视图和窗口，使用向导创建复杂的商业和项目站点。使用导入向导，将别人已经建立的站点导入，成为自己可以利用的站点。 模板建网页 目前，我的网“巢”还只有一个主页，三个子页，我想再添加一个“我的简历”的子页。 使用模板创建站点，站点中有几个网页都是事先设计好的，大多数情况下，都需要添加网页，或者用新设计的网页替换掉事先设计的网页。建立新的网页，使用向导和模板是最方便不过的了，因为FrontPage提供的网页模板非常丰富，可以满足大多数情况的需要。 操作 打开网页模板窗口：在视图窗口中点击“网页”按钮，切换到网页视图。选择菜单“文件／新建／网页”，打开新建网页的模板选择窗口。注意，不同的视图窗口，使用“文件／新建／网页”菜单命令的结果不同，后面我们将会提到。 在网页模板选择窗口中，有三个标签页，在“常规”标签页中有三十多个模板供选择，一般个人网“巢”中的网页使用“常规”标签页中的模板就足够了。根据我新建网页的内容和预想的设计，我选择了“带有标题的宽行正文”模板。 操作 选择模板：点击“带有标题的宽行正文”模板项，然后点击“确定”，程序即开始按模板新建网页。 回到主窗口，就可以看到一个有大概结构的网页，这个网页以很清晰的方式提示我在哪里放标题，哪里放正文，网页段落结构也排得很好，我只要按照提示添加内容就可以了。 新建立的网页还没有保存在硬盘中，由于这个网页是要添加到刚才新建立的网站中去的，因此，我们将它保存到网站文件所在的目录（e:\webjxcom）中。 操作 保存新建的网页文件：选择“文件／保存文件”，在弹出的保存文件窗口中选择“e:\webjxcom”目录，并命名文件名为“Mytravel.htm”。点击“确定”。 操作 预览网页：建立了网页后，就可以通过浏览器来观看该网页了。在FrontPage中可以直接调用系统集成的IE浏览器来查看。方法是在网页视图窗口打开某网页，然后选择“文件／预览网页”即可。我们在编辑修改的时候，大都是通过FrontPage内置的预览功能来查看网页的制作效果，方法是在网页视图的主窗口下面选择“预览”标签项即可。 操作 查看文件列表：点击“视图”窗口中的“文件”标签按钮，在主窗口中列出了站点文件夹和所选文件夹中的文件。在文件窗口中，我们看到刚才保存的新网页文件已经位于其中，并可以看到该文件的一些属性。双击这些文件时可以在网页视图窗口中打开编辑。 网页标题就是网页在浏览的时候，显示在浏览器窗口左上角的标题文字。这个标题可以让访问者了解该页的内容。 操作 修改网页主标题：打开“文件”视图窗口，在文件列表窗口找到Mytravel.htm文件，点击“这是主标题”文字，然后输入“我的游历”。另外，可以将“主页”文件的标题改为“豆豆之家”。注意，主页的标题也就是站点的标题。 进一步学习的建议：了解各种网页模板的结构和适用方向。学习使用向导创建有复杂表单的网页。学习创建带框架和样式表的网页。 修改站点和网页 基础的站点和网页建立好后，我就需要在这个基础上按照我的梦想修改了。首先，我要在第二级网页中增加一个“我的简历”网页，其次，要在“我的兴趣”二级网页下增加三个三级网页。 操作 将已有网页添加到站点：在视图窗口点击“导航”按钮，切换到导航视图。在文件夹窗口中将Mytravel.htm文件拖动到“导航”窗口，仔细选择停放的位置，让示意图标和其他二级图标在一个线上，然后就看到Mytravel.htm文件成为站点的一部分了。 注意，在站点中添加了网页后，站点中的某些网页将自动发生改变，当Mytravel.htm文件（“我的游历”网页）成为index.htm(主页)的下级网页后，我们在网页视图窗口查看主页页面的时候，会发现该页面已经将“我的游历”这样的字样添加进去了。 操作 添加新网页到站点：切换到导航视图，选择“兴趣”网页示意图标，然后选择“文件／新建／网页”（或者工具栏中的“新建”按钮），在“兴趣”网页图标下就看到一个新的网页图标，这个网页是属于“兴趣”网页下的子网页，但是一个虚拟的网页，并没有对应的文件。双击新网页的示意图标，即可在站点文件夹中生成一个简单的模板网页。重复以上操作三次，就可在站点中添加三个网页。 操作 在站点中打开和关闭网页：打开站点的网页非常简单，在导航视图窗口或者文件视图窗口双击要打开的网页即可。打开网页时程序将自动切换到网页视图窗口。不过注意关闭站点中暂时不编辑的网页，以使系统节约资源。 操作 修改网页的文件名：新建的网页我们可以改成自己需要的文件名和主标题。这个工作既可以在“文件”视图窗口中进行，也可以在“导航”视图窗口中进行。 操作 站点的调整和删除：站点的调整很简单，直接在导航视图窗口中拖动要调整的网页就可以了，删除站点的网页也很简单，选择网页文件或者网页示意图标后按“Del”键即可。修改后的站点结构如图10所示。我“家”的雏形已经基本建立起来了。 进一步学习的建议：设置网页的高级属性，自定义网页模板，进一步修改站点结构，建立复杂的网站，站点和文件夹的管理和相互转换。 竹篱围青瓦，芍药伴鹤眠。苔痕上阶绿，簌影落窗前。咦，谁与我家比美？ 页面修整 通过模板建立的网页，常常预先置放了些标题栏、目录栏（一般叫导航栏），导航栏都是用很多元素组成的，结构上稍稍复杂一些。一般情况下我们不必要对这些东西进行低层次的修改，FrontPage也不允许操作者修改，但在某些项目上，我们还是可以根据自己页面的要求来修改。 操作 修改页面的主标题：在主页（index.htm）的页面上部，模板预置了一个名为“主页”的横幅标题，这个横幅标题和整个主页格格不入。点击横幅，按“Del”键删除，然后在同样位置插入一个事先准备好的横幅图片为主页标题。 操作 修改导航条的链接：在主页的左边，有一个导航条（目录栏），在建立站点的时候，导航条就建立了几个网站的链接。这些链接不能在网页窗口中修改，只能在站点管理的“导航”视图窗口中修改。但可以在网页视图窗口中给导航条添加链接。在导航条中点击鼠标，然后选择输入文字“给我写信”，设置文字的超链接，这里的链接地址设置的是我的邮箱地址“mailto:web@webjx.com”。 操作 删除页面元素：在主页的右下，程序放置了一个LOG图片，这个图片和我的主页不符，选择该图片，按“Del”删除。 操作 给页面添加水平线：水平线对于规划页面有很大的作用，可以让页面清楚，简洁。在要插入水平线的位置点击鼠标，选择“插入/水平线”，水平线就出现了。注意，一般模板网页的水平线由程序自动设置外观属性。而其他情况下，将由操作者自己设置水平线的颜色，粗细等。 进一步学习的建议：页面长期编辑后，可能会留下垃圾（无效代码），如果想做得更专业一点，可以在HTML标签窗口修改源代码，或者使用其他网页制作工具休整。 表格 表格实际和文字、图片一样，是一个网页的基本元素，但表格在网页中，更大的用途是来规划页面。实际上，在网页编辑中，通过空格、段落、缩进等是很不容易规划好一个有很多元素的页面的，特别是图文混排的页面。 在FrontPage中添加常用的数据表格，和在Word中添加表格一样的方便，直接使用插入表格命令，然后填写数据就可以了。甚至还可以将Word文件中的? 粘贴进来。 操作 添加一个简单表格：在要插入表格的位置点击鼠标，选择“表格/插入/表格”，在弹出的对话框中设置表格的属性，然后选择表格的行数――2，选择表格的列数――1，然后指定表格的宽度，可以设置表格的宽度占网页宽度的百分比，或者直接设置表格的绝对宽度――像素。其他设置表格边框线的宽度为1，设置单元格间距为2。确定即可。 操作 在表格中添入文字：在表格中输入文字和在普通编辑页面中输入文字没有什么区别，另外，在生成主页模板的时候，程序在网页中添加了一个高级控件，可以自动显示网页的更新时间。将这个控件拖入到表格中。这样，一个显示网页制作者的表格就制作好了。 操作 设置表格的属性：表格的属性比较复杂，分成单元格属性和表格属性。选择表格，然后选择菜单“表格/属性/表格”，在弹出的窗口中可以设置表格的边框、背景、颜色等等。特别要说明的是表格的浮动，表格的浮动是设置整个表格的对齐方式，而一般的对齐方式是设置表格内的元素的对齐。 操作 图文混排：在需要的位置加入一个只有一个单元格的表格，并设置好其他属性。在表格中添加图片，并设置好表格的大小。再设置表格为“左浮动”，调整文字，让文字在表格的右边。这样，图文相配的混排就得到了。 进一步学习的建议：表格的操作比较复杂，需要反复的练习，学习如何用表格构造特殊页面，如何实现复杂的图文混排等等。
微软新专利三维茶壶作用户界面
根据美国专利商标局近日公开的档案，微软在2006年7月14日申请了一份专利，主题是“3D用户界面的创建”，很可能关乎下一代Windows 7操作系统的界面发展。 据悉，该专利使用茶壶模型作为演示，描述用二维贴图表述三维用户界面(UI)的概念，呈现三维交互式场景。 实例：茶壶 3D用户界面创建流程 根据美国专利商标局近日公开的档案，微软在2006年7月14日申请了一份专利，主题是“3D用户界面的创建”，很可能关乎下一代Windows 7操作系统的界面发展。 有趣的是，微软在附图中使用了一个茶壶作为演示。当然，这并不代表微软准备做一个“茶壶立体界面”，只是说明如何把2D界面转换成3D界面。 专利摘要： “在一个三维(3D)场景中，3D用户界面(UI)创建系统可以把一个二维(2D)交互式UI映射成3D物体模版。映射之后，2D UI的功能还是一个简单的用户界面，但看起来相当于3D物体的一个皮肤。
最新发布
浅谈真正的新用户引导应该这么设计
新用户引导绝对是个瓶颈。花费时间设计和开发，找了用户测试调研，最后上线了，依然拦不住汹涌的用户流失潮。很多时候，也许只是新用户引导没做好而已。今天的文章，我们来聊聊新用户引导的设计。让用户注册本身就不是一件容易的事情。产品团队需要花费大量的时间、精力、金钱来提升产品的注册量，而更严峻的问题在于，许多用户注册完成之后，尝试一次之后，就再也不用了，来之不易的注册用户就此流失。根据 Andrew Chen的研究表明，平均每个APP会在用户安装后3天丢失77%的日活用户。你绝对不希望在投入了如此之多、收获新用户之后，在几天之内丢失其中的多数。那么，要怎样才能做的更好呢?一个优质的新用户引导流程(Onboarding)，能帮你的产品获得良好的第一印象。新用户引导(Onboarding)这个词本是人力资源领域的术语，不过现在已经被UI/UX领域借用过来，指的是帮助刚刚注册网站/APP的新用户熟悉产品到流畅使用的引导流程。在设计新用户引导流程的时候，有许多注意事项，确保用户能够尽快熟悉你的产品，并且了解它的实际价值。不要使用过长的新手教程为了降低用户流程中可能存在的摩擦，尽量遵循“少即是多”的原则。如今市场上每个APP都会在初次登录的时候提供一个滑动展示的教程，介绍应用的功能：静态的展示页，旨在展示产品的功能和价值。
3招设计技巧可以尽量避免设计中的改稿
之前看到后台有位面粉问到关于电商设计流程的问题，其实这个问题有点泛，因为电商设计包含的分支还蛮多的，比如Banner设计/专题页设计/平台界面设计/内页设计/店铺首页设计/详情页设计/引导页设计/H5页面设计等等，那么既然这位面粉问到了，我就姑且拿出一个专题页设计作为案例跟大家分享一下我的设计流程好了。下面这个页面是我今年3月份左右做的一个京东平台的专题页活动，大家可以先看一下，然后接下来我会从前期沟通思考-中期执行-后期修改三个方面给大家分析讲解它是怎么做出来的(文末附带gif动图)。因为我之前一直都是属于为平台服务的电商设计师，所以我下面要讲的一些点可能是大多数服务于店铺的电商设计师所没有接触过的(也仅仅是我个人的一些经验总结)，如果你们想往平台方向发展或者希望自己的店铺设计流程能规范一点，不防都接触了解一下(接下来我要讲的这些可以说是超级干货了噢，请大家自备小板凳呐)，下面进入正题：1、前期沟通思考阶段这个阶段主要包含这四个方面：沟通需求/分析定位/视觉推导/风格确定。（1）沟通需求做设计的话，沟通肯定是必不可少的了，这里分别涉及到了跟需求人(运营策划)/交互设计师/前端设计师/领导之间的沟通，很多设计师之所以反复被要求改稿，其实很大程度上就是因为前期沟通这一环节出了问题。大家可以先看下我们的交互稿(嗯，不得不说的是，我们的交互稿其实已经做的很漂亮了，就差上色了。。。)：
设计师如何学习系统交互设计知识体系
到目前为止，已经写了关于交互设计的十几篇文章。但是，越来越发现自己写的没有章法，东一棒子，西一榔头，都把自己打晕了。最近刚好有一些小伙伴，希望能够看到系列化的文章。所以，就整理了一下自己的交互设计知识体系，一方面对自己的知识查缺不漏;另一方面给大家竖一个靶子，希望大家批评指正，共同进步。一个人的知识体系可以看做一个人的格局，知识体系越广，越能看清楚各个知识点之间的关系，明确自己的缺陷;知识点越深，则能体现出你的专业。交互设计也是一样，在对交互知识深入学习的同时，也要加强自己知识体系的构建，弥补弱势。这样，既能有效的辅助其他知识点的学习与应用，同时也能够保证交互设计质量在较高的水平，而不会出现较大的起伏。交互设计是一门交叉学科，从广义的角度上来说，涉及到多个学科，包括心理学、设计学、人机工程学等等，但是从狭义的角度来说，交互设计的核心知识体系，应该包括需求分析、架构与流程设计、方案设计、方案验证/设计跟踪与其他六方面内容。第一点 需求分析交互设计工作是从拿到产品需求开始的。需求分析的主要目的是来明确产品的目标定位以及产品想要实现的功能。需求分析有若干方法，包括目标人群分析、竞品分析、已有的产品版本分析等等。除了各种的分析方法，还有一点就是需求评审。需求评审可以面对面的交流，得到产品经理想要的，同时能够将交互设计师大概的页面框架以及形式快速反馈给产品经理，以确定思路的正确与否。最终，需求分析要得到的结论是：产品的主要功能、特色功能、用户人群、使用场景、用户期望等等。总之，需求分析的目的在于明确交互设计的方向和目的。第二点 架构与流程设计架构又称信息架构，是产品页面的逻辑骨架，是产品功能的横向梳理。好的信息架构能够进行合理的功能分类，符合用户心智模型，帮助用户快速有效的找到目的地。流程设计是基于产品的功能来进行的，是对产品功能的梳理，是产品功能的纵向梳理。用户在使用场景下进行的目的性操作，能够保障功能使用的流畅以及交互界面的完整性，便于检测产品功能是否能够走通以及其合理性。信息架构的梳理方法多用卡片分类法，让目标用户对产品的功能卡片进行分类，并对类别进行概括，得到相应的功能集群，功能集群即是产品页面功能模块的大致分类。流程设计能够确定交互设计过程中关键点与关键页面，能够保证在原型中，保障功能过程的完整性。
资深设计师解读扁平化设计的精髓
又是一篇关于扁平化设计的文章，与优设之前的诸多文章不同，今天的文章带有阶段性的总结的性质，文章源自著名设计工作室Tubik Studio，多图预警。著名的艺术家 Edgar Degas 曾经说过，艺术并不是你所看到的东西，而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受，在这一点上，它和艺术是共通的。作为目前设计的大趋势，扁平化设计，无疑也具备着同样的特征。扁平化设计现如今的扁平化设计并不是单纯的一种风格，而是涵盖了诸多常见风格、具备多种不同目标或任务的一个设计集合体。目前扁平化设计被广泛应用于数字设计领域，并且常常通简约或者极简的视觉表达方式结合起来运用，由于移动端设计风格的演变历程的原因，扁平化设计常常被视作为拟物化设计的对立面。扁平化设计在过去的几年当中经历了积极而快速的发展，目前正“入侵”着越来越多的平面设计领域。今天的扁平化设计已经成了网页和UI设计中的主流设计方向，甚至可以说是我们日常生活中不可或缺的部分，并且开始影响我们生活中的日常决策，并且具备解决各种问题的潜力。Toonie Alarm扁平化设计的起源扁平化设计的发展历程当然是有迹可循的，它的根源通常被追溯到名为“瑞士风格”的一种装饰设计风格上。20世纪初的瑞士现代主义运动催生了这种设计风格，随着二战结束，这种设计风格开始在欧洲流传开来，赢得了更多的拥簇。这次设计风格的革命是由苏黎世艺术与工艺学院的Josef Müller-Brockmann 和 巴塞尔设计学院的 Armin Hofmann 所领导的。在Design is History 中，瑞典风格是这样被描述的：“……这种风格强调简约，可读性和客观性。这两所设计院校为这种风格贡献了许多东西，包括非衬线字体，栅格和不对称式的布局。这种设计风格还强调使用排版和摄影来作为主要的视觉传播手段，所以，瑞士风格下最有影响力的作品通常都是以海报的形式呈现出来的，他们认为这是最有效的沟通手段。”Josep Müller-Brockmann, Auto Club of Switzerland Poster, 1955
写给UI设计新手的切图命名规则手册
今天菜心要分享的内容是关于切图命名的规范，这是UI 设计师最基础的知识之一，但作用非常大，可以帮你和同事.开发高效对接，提升整体工作效率。建议学习。关于切图命名的规范，我个人觉得关键是在于团队能够有一个统一的规则，所有成员严格遵守并且和所有开发全盘拉通，不然一切都是空谈。不同的团队使用的软件都不一样，如果经常使用sketch软件中Symbols 的同学，可能在命名的时候会考虑更多内容，但是照顾到还有很多同学在使用PS 作图，所以这里只介绍一种通用的命名规则，当然大家也可以根据自己的实际情况去制定，这里只提供一种方法与思路，仅供参考。一、为什么要制定规范的命名规则1. 自身层面对我们自己的文件整理有很大的帮助，后期修改文件、图层的时候更加方便快捷，而且规范的命名也显得我们自身比较专业。2. 团队层面如果命名不统一，大家就很难达成共识，任务交接时需要很大的学习成本，所以规范的命名对于团队协同也有极大的推动作用。3. 开发层面这一点是最重要的，可以极大的节省程序开发的时间成本，减少很多不必要的沟通与重复切图的概率，因为只要我们的命名足够规范，并且和开发达成共识，他们完全可以直接使用的我们切片而不更改切片的名称，后期我们更换切图，只要切片名称不变，开发看都不用看直接替换就可以了。
帮你成就优质APP图标的三个关键点
每个APP都需要一个漂亮的图标，而每个设计师也都力图让自己APP的图标看起来漂亮而吸引人。为了在APP Store 和APP列表中脱颖而出，优质的图标设计是如此的让设计师渴求。失败的APP图标设计有着各不相同的原因，而成功的APP图标设计则有着相似的特性，这也是促成今天这篇文章的重要原因。制作一个对用户友好、具备良好识别度的好的APP图标，应该遵循什么样的设计规则?读下去，下面所挑选的三个最实用的规则，应该能够帮你在迷雾中，辟开一条道路。1、设计一个高识别度的图标首先，图标需要表情达意，传达信息。一个需要让用户猜测的图标并不是一个称职的图标。对于你的APP而言，图标就是它的脸面，一目了然的图标设计能够让用户明白你的APP的功能与意义。当你为你的APP设计图标的时候，你应当时刻谨记一件事情：图标是借助隐喻和联想来同用户沟通的，如果它的形象或者暗示的操作不能让用户立刻明白，那么这个图标就不具备良好的可用性。因此，让你的图标清晰直观是至关重要的：不要使用抽象的图标设计，因为抽象的图标设计很少能够正常工作。用户很难依靠以往的经验来弄明白图标背后的含义，iOS中游戏中心的图标设计就是一个相当典型的反例。这个图标是一组多彩、具有玻璃质感的圆圈组成的，它看起来像气球，也许能够唤起部分用户的想象，但是人们通常很难明白它的确切含义。而一个安全的设计思路是使用用户能够一眼分辨得出来的形象，这样用户就很容易识别了。绝大多数的用户都能够清晰地认出Home的图标，打印和放大镜这类图标就更是广泛地为用户所了解。所以，当我们看到Gmail 的图标的时候，哪怕是新用户，通常都能很快联想到电子邮件。
浅谈产品设计师应该学哪些课程和技术
Facebook 前阵子为设计实习生们举办了一场小型研讨会，会中最常被提出的问题是：如果我想成为产品设计师，未来我应该去修哪些课、学习哪些技术？大学的重点是：学习「如何学习」通常我对这类问题的反应跟其他讲者一样——不必过度操心这种事。绝大部分你需要的技术，都会从工作中学到。「真的，重点是，你去学校(大学)上课是为了学习、精进『如何学习』的能力。」科技会变、photoshop 不会永远都是工具首选，程序语言和平台会流行，也会向法兰绒和粗框眼镜一样过时。保持好奇、勤奋，不要害怕阅读、观察、聆听和动手做。学习如何学习才是能够维持收获不断的高阶技能。话虽如此，我也知道这样的答案可能不是在场学生最想听到的，当有人问说要成为一个产品设计师该修哪些课、学习哪些技术，最保险的作法就是假设对方想听的是一长串实用的课程和技术清单。所以，来吧，假如我有一部时光机，带着如今我已学会的事回到大学时期，会想要对那个面对沉甸甸课程指南的年轻 Julie 说出这番耳语，好让她针对未来的软件设计工作挑出合适的课程：基础平面设计基础当你学会了基础，那么欣赏、理解和创造可以清晰呈现、容易理解而且很好看的事物都会变得更加容易。例如形式、层次、颜色、构图、排版等等。你所选的课程内容最好要包含一些创意项目，并且搭配经过挑选的评审给予评价。计算机科学你未必要知道快速排序(Quicksort)和合并排序(Mergesort)的优缺点，也不需要学习如何写一套操作系统。但是掌握写程序的基础(这也许需要一年去学习基础知识，再加上一、两个大型项目课程)是一段很长的路。如果不懂写程序，想要选择科技产业设计师作为职业生涯的选择，恐怕会很困难。
详细解析中文字体的性格和运用方法
字体的性格大家肯定没少听，但我也相信在大家心里也只是个模糊的概念;其次，了解字体性格是为了解决我们字体设计中的问题，很多小伙伴都会问我：这个字到底该如何设计?没有想法该怎么办?其实，了解字体性格有助于我们解决字体设计中的一些实际问题，例如以上所说。简单看一下今天分享的目录：一、何为字体性格?二、字体性格的表现和划分?三、字体性格怎么用?一、何为字体性格？性格，通常是我们用来形容一个人的性情品格。就像我们常说的“字如其人”，其实字体也同样可以看做是一个有着不同性格色彩的人，为了更好地理解字体性格，我们先简单了解一个字体的基本概念。我们知道字体基本是由字形结构、笔画和细节特征三者构成要素。什么?不懂!那直接看图。换句话说结构的松散与疏密、笔画的粗细与曲直、细节的特征修饰统统会直接左右一个字体的性格。
3个设计技巧帮助设计师突破瓶颈期
常常有设计圈的朋友问我“如何提高设计能力?”“我想成为设计专家， 、团队里上下游可是似乎一直在原地踏步，我该怎么办?”，在沟通寻找答案的过程中，有些人却把原因归咎到企业对设计的重视程度的无作为甚至是身处的行业氛围。这些因素固然重要，它们可能导致你怀才不遇，但是你确定自己真的已经有“才”了么?换句话说，给你一个完美的环境，你就可以成为设计专家了?欢迎关注点融设计中心DDC微信公众号：「微信ID：DR_DDC」想要提高，首先要有清晰的自我认知先问问自己，想成为怎样的设计师，是创意无限脑洞十足的?是心细如发像素级别的?还是思维缜密无懈可击的?亦或是巧舌如簧演说能力爆表的?一名优秀设计师的能力维度是多样的，有产品业务分析、逻辑思维、专业技能、设计辩证、设计驱动、自我迭代、沟通演说等各方面的能力。不妨自我评价一下自己在这些细分维度下做的如何，然后给自己找一个发展的模版，可以是行业大牛，也可以先定一个小目标，选择团队里的资深设计师，如果觉得还没有人能达到你心里的那个高度，那也无妨，你可以在每一个能力维度上都可以找一个目标，比如，告诉自己要有A的产品理解，B的设计技巧，C的沟通演说能力。有了清晰的自我认知才能更好的知道该在什么方面提高，找到方法并且有计划性的实施。建议先找一到两个自己最想提高的能力维度发力，避免分散精力导致成效甚微，给自己制定一个定期自检的机制，看看和上一阶段的自己是否有显著的进步。比如两个月前你和产品在过方案的时候还被问的语无伦次，现在是不是能够自圆其说。两个月前想方案是要各种翻素材看竞品，现在是不是看到需求马上就思如泉涌。刻意练习是提高的关键作家格拉德威尔在《异类》一书中指出：“人们眼中的天才之所以卓越非凡，并非天资超人一等，而是付出了持续不断的努力。一万小时的锤炼是任何人从平凡变成超凡的必要条件。”他将此称为“一万小时定律”。要成为某个领域的专家，需要10000小时，按比例计算就是：如果每天工作八个小时，一周工作五天，那么成为一个领域的专家至少需要五年。这就是一万小时定律。按照这个一万小时定律，那么你从事设计相关工作超过5年的时间，是否就可以成为专家呢?答案很显然是否定的。我从事设计管理多年，也算是面人无数，经常碰到一些经验丰富的候选人在面试的时候甚至都无法说出自己进行设计的全过程，更别说延伸的一些设计相关的思考了，根本经不起推敲。而他们在我看来已经进入了机械地完成设计任务的状态，这样的状态就算持续再久，都无法让你有任何提高，甚至还会逆水行舟，不进则退。心理学家Ericsson的研究发现：决定伟大水平和一般水平的关键因素，既不是天赋，也不是经验，而是刻意练习的程度。举运动员的例子就再贴切不过了，老话“台上一分钟，台下十年功。”也是这个道理。刻意练习要求一个人离开自己的熟练区域，不断地挑战自己去练习和提高。做为一个篮球爱好者，我一直都在享受篮球，用自己最擅长的方式在球场上助攻队友，投篮得分。普通的篮球运动员例行公事参加训练和比赛，将他们擅长的特点变成条件反射。而科比哪怕已经是NBA联盟的顶尖人物，却不断地发现自己能力的不足，不断地以自己不舒服的方式让自己去进行刻意练习和提高，挑战自己，让这些不足的能力慢慢划入自己的熟练区域，然后再去寻找下一个不足。我是一个忠实的科比粉丝，从OK时代一直到他退役，不仅因为他飘逸的球风，更是因为他的科比精神。“洛杉矶早晨4点的样子”不论真伪，确实有激励到我。
帮你梳理卡片式UI的设计最佳实践分享
卡片式设计依然是目前UI设计的热门，虽然我们在前几天的文章卡片式设计并不能支撑所有的设计需求当中探讨了卡片式设计为数不多的“局限”。今天我们从基本的规则入手，为你展示卡片式设计的最佳实践。卡片这种UI元素一直是以小巧整齐的内容容器的形式而存在着。当我们探讨清晰平衡、富有美感、简约时尚而又具备良好可用性的设计方案的时候，卡片式设计几乎是不二之选。早年间的Pinterest 和Facebook 是卡片式设计的先驱者，随后Google 通过 Material Design 几乎标准化了卡片式设计，现在你会发现卡片式设计，几乎已经深入到各个行业、领域的UI设计当中。最佳实践(best practice)，是一个管理学概念，认为存在某种技术或者方法使生产管理实践的结果达到最优，并减少出错的可能性。也就是我们常说的“最佳解决方案”。最初是 Pinterest 采取了这种使用卡片作为信息组织的基本元素的思路，使得网页中多类型信息组织有了更好的用户体验设计方案，并随后引发了“瀑布流”设计风潮。之后多年的积累和探究，卡片式设计有了长足的进步和相对系统的设计思路，今天的文章，我们将探讨最常见也是最实用的5种卡片式设计的最佳实践。1、遵循“一卡一概念”的规则每一个卡片应当承载一种概念，其中内容不应当混搭而复杂。卡片式设计当中，卡片可以橙子啊多种多样的信息和元素，但是单个卡片应当保持其中内容属性的纯粹性和直观性。这样用户会更轻松的选取他们想要的内容，或者分享他们眼中最合适的内容。2、让整个卡片都可被点击根据费茨定律(Fitts’s Law)，用户应当可以点击卡片的任何一个部分来触发其中的内容，而不只是图片和文本链接。更大的触摸和触发范畴是卡片本身的优势所在，不论是在移动端的触摸屏上，还是以键盘鼠标为主桌面端上，让整个卡片都可被点击明显拥有更强的可用性。