设计相关 -m6米乐app登录

存储为 web 所用格式 互联网几乎是当今最大的艺术、图形和相片分享平台之一，因此掌握一些保存为网页格式的基础知识就非常重要了。实际上，保存为网页格式是一项平衡艺术——你必须在图片品质和介质的文件尺寸之间做好平衡，以便满足你的个人需求。 在速度相对重要的地方（如迅速地加载网站），你可能需要牺牲一些图片品质。而在品质重要的地方，则需要牺牲一点速度。这堂课程的目的就是向你介绍一些方法，在这两个因素之间寻求平衡，与此同时保留非常好的图像品质。 无损 vs 损耗数据 虽然存在有非常多的图片格式（仅举几例，如 jpeg，gif 和 png），但是依据压缩方法不同，所有的图片都能进一步归类为两大类别：无损和有损。无损数据压缩保证了图像在没有任何品质和信息丢失的情况下重现，而有损数据压缩的结果就是可能造成品质和信息的丢失。在平面设计领域最主流的无损媒介格式包括 gif，png，以及 tiff，而 jpeg 是最主流的有损压缩的图形格式。 如何用 photoshop 保存网页格式 ps 拥有非常好的方法来为网页优化图片。在 ps 中，选择文件 > 存储为 web 格式或者使用快捷键 ctrl alt shift s。一个新的对话框将会弹出，这里有所有为网页保存和优化图片的设置。 我会通过以下一些生活中的案例来演示如何使用对话框中的设置。 为网页存储图像 由于图片巨大的文件体积，它们更多是以有损压缩格式来保存的。甚至在拍照时，相对于数倍大小的 raw 格式，相机也倾向于用有损格式（如 jpeg）来保存图片。 jpeg 是日常中首选的图片格式，它是以它的创造者“联合图像专家小组”来命名的。jpeg 之所以能够成为标准，是因为它在压缩图像数据的同时可以保留高品质，并且在相关信息上能够接近无损图像的效果。 当你在保存图片的时候，有几种网页格式预设可供选择。对于一张图片，你应该考虑是使用 jpeg 低、jpeg 中，还是 jpeg 高。观察下面的对比图，（可以）发现案例中的图片经过压缩后并没有多大的品质损耗。相比起超过 250kb 的源文件，我们选择中等质量或者高等质量的压缩预设就能够得到一个大小不超过 30kb，并有合适品质的图片。 gif 图像 有些时候，你会被要求用无损格式来保存，以便最好地优化你正在创作的任何作品。这在网页设计中时常遇到，在布局上使用比普通图片更少的颜色。 gif，全称为“图像互换格式”，是一种只用到 256 个颜色调色板的图片格式，这让它成为不需要使用太广泛色域的网页图片的理想选择。gif 也能将单个像素设置成透明，不过这并不在这个教程的讨论范围之内。下面展示了一张 (使用着 256…

为什么请世界最顶尖的工业设计工作室设计一款手机产品也要不了多少钱（ui 设计更是便宜到让你感到不好意思），但这么多的企业无论是找顶级的外包还是自建设计队伍，都能把产品做得那么难看？ 为什么极个别有自知之明的老板最后把设计放权给审美水准很高的设计总监来把握，但最后的效果也长长很糟糕？乔布斯死了之后，苹果所有的产品水准都在下降，这不奇怪，但邪门儿的是，为什么一直都负责工业设计的强纳肾爱抚的那部分工作的质量也在退步？毕竟乔布斯活着的时候，那些工业设计也都是由强纳肾来完成的。 为什么大家都知道苹果在精致小巧的手持电子产品方面击败日系厂商（后者本来这个领域的王者）的主要原因是软件的交互设计和由此产生的所谓“用户体验”，但最后除了苹果，几乎所有手机的系统软件都做得那么难用？ 最后，为什么大多数手机企业的老板在既不懂设计也不懂技术的情况下，只要花得起钱就能搞定技术团队，但无论他们花多钱都搞不定工业设计、ui 设计和软件交互设计的团队？ 这些问题的答案，在我启动做锤子科技之前，已经基本上想清楚了，这也是我最初决定做手机的信心来源。经过这一年半的实践和研究，我甚至想清楚了这些答案背后的道理： 1、苹果和索尼的设计领先，是因为乔布斯和盛田昭夫懂设计，在懂设计又不差钱的企业家眼里，优秀的设计师还是挺多的，这个世界更缺的，一直都是伯乐，不是千里马。 2、企业请世界顶级的工业设计工作室也解决不了问题，是因为不懂设计的老板通常会选中乙方按惯例提交的一批方案中最差的那一个。企业自建设计团队也是一样、绝大多数设计师的一生，都没有机会给一个老板懂设计的公司工作，老板每次都会选中你提交的方案里最差的那一个。最后设计师愤然出去创业做了工作室的结果是 … 绝大多数的设计工作室的一生，都没有多少机会给一个懂设计的公司做乙方。这解释了为什么这一行的很多从业人员做的是自己由衷喜欢的工作，但即便是在收入状况理想那一批业内精英群体里，职业上的满足感也大都很差。有些工作室最后索性自己设计完了再自己制作和销售产品，但绝大多数的设计师都不是合格的企业家（正如绝大多数的企业家都不懂设计），所以通常也做不大。 3、懂设计的企业家和懂设计的设计总监之间的区别是，前者除了懂审美、懂功能、懂易用性，懂如何赋予产品一个灵魂（当然，这些东西好的设计总监都懂）之外，作为一个企业家，他还知道如何从商业上平衡受过训练的人的审美和普通公众审美之间的矛盾（比如某种设计风格本身很好，设计师们也普遍喜欢，但在普通公众当中接受程度极低，这时候就要选择放弃）；知道如何从商业上平衡成本和材料 / 工艺之间的矛盾（比如某种好材料或优秀工艺成本极高，会导致利润率大幅度下降时，设计总监通常倾向于胡来，不懂设计的老板会简单地毙掉该方案，懂设计的企业家则会暂停该方案，但会通过投入研发的方式尝试降低成本，务求在未来成本可控的时候使用该方案）；知道如何从商业上平衡传播需求和设计需求之间的矛盾（比如乔布斯为了让用户在公开场合通话时始终都能把 iphone 背部的 logo 露给旁边的人看，不惜把 iphone 机背上的 logo 摆放在明显偏上的位置，为了平衡下面因而产生了大块空白，只好又在“iphone”字样下面印了一堆明显违反苹果简介美学的文字）。另外，懂设计的企业家和他的设计总监之间是高度互补的，比如，当设计总监出了一个馊主意的时候，企业家会掐死他，当然，沟通良好的话，通常反过来也是一样。 4、苹果在消费类电子产品厂商中，以软件的交互设计著称，也是因为乔布斯本人就懂软件设计，懂人机交互，实际上他就是苹果公司里最大的产品经理。日系厂商的硬件在今天依然出色，但软件交互不灵的电子产品在数码时代，都是要被历史淘汰的。从这个意义上，无论是外国的还是中国的手机大佬（出了还能吃一阵老本的苹果，和依靠群众智慧和极强的学习能力一直在进步的小米），都没有明天。 5、最后，说说这一切表象背后的深层原因，企业决策者不懂技术也能搞定技术团队，是因为技术团队的工作成功最终都可以客观、量化地评估，比如软件工程师的水准可以通过产品是否流畅稳定，是否执行效率高，是否耗电等等加以客观科学的评估和判断；而不懂设计的企业家永远搞不定设计团队，是因为无论工业设计、ui 设计还是软件设计，最终的工作成果，绝大多数都是无法客观、量化地加以评估。

我从 dribbble 收集了 20 个漂亮的登陆表单案例。希望你看后能从中受益，并对你以后的登陆表单设计有帮助。设计一个登陆表单是非常容易，但大多设计都很糟糕、毫无亮点。无论如何，这篇 dribbble 案例集锦绝对走的是另一个极端。希望这 20 多个都能赢得你的青睐，废话不多说，直入正题！ 网站与 app 中的登陆表单 继承了 ios7 的精髓，这件登陆界面作品将 ios7 微妙的动画背景上升到一个新的层面。此处的背景完全是一张动画图片——甚至可能是 gif。尽管这背景事实上没有那么精致，但这一定是你平时不常见的设计。你几乎很难见到这样的 app，还有如此卖弄的首屏设计。 同样秉承着 ios7 的精神，这个登陆界面和它的附属界面采用了彩色模糊背景，令一切都保持绝对简洁。我得说这两个界面都相当极简化，实际的输入框被细线所取代。不过美妙的多彩背景增添了个性化色彩，令作品亲切美观。 如果说有令人愉悦的设计，那这一件就是了。蓝色背景图与明快的白色 logo、文字和输入框形成强烈对比。绿色按钮看起来像个真实的按钮——尽管界面的其余部分都是扁平的——色调也与蓝色搭配地非常好。 真是醒目的配色！当然，它是从另一个角度思考登录框的产物。这不是一个通常意义上的登录窗，因为它在易用性方面仍存在瑕疵。但是在设计方面，我们尽可以跳出条条框框来思考登陆界面。 与之前那些相比，这件相当平静和简洁。颜色选得非常棒。页面也很切中要害，它没有任何不必要（甚至扰乱注意力）的小把戏，任何一个登陆界面都不应该有。 这又是一款大胆的登陆界面设计。深色的登陆界面、深色模糊背景、明亮柔滑的纤细字体，营造出了神秘气息与魔力。有了迷人的登陆界面，就别无他求了。 现在呈现的是一款深色登陆界面，还有非比寻常的红色文字与按钮。我不确定这么多红色是否合适，不过我们暂且继续——这是非比寻常的大胆设计，值得喝彩。我觉得自己对于红色的忌惮是没道理的，因为决定用户反应的，是红色按钮所处的环境，而非红色本身。我可以肯定，没有人会在按下这个登陆按钮时感到崩溃。 这件作品绝对是本文中我的最爱之一，因为它够简洁，却不单调。它的配色相当惊艳，几种颜色完美结合。而且，它看上去真的很赞！确实是个打造简洁美观登录界面的好办法。 这是个稍微复杂些的登陆界面。像如今大部分平台一样，你可以已有账号来登陆，比如 google、twitter 或者 facebook，而不必在每个新网站上创建新的账号。不过如果你想的话，你也可以注册自己的账号。 这个界面很有创意——手写风格的注释与箭头，给界面增添了一些个性，配色也很棒，与常见的蓝色和银灰色有所区别。同时，不像时下大多数登陆页面，它的背景图并不是视觉焦点，它就是一个轻巧的登陆 / 注册页面。 我非常欣赏这件自由散漫的设计。没有分散注意力的导航，也没有烦人的其他内容。用户的操作与目标同样简单：选择 platform 或 opentag，然后登陆。如果是首次打开，你可以试试底部的“注册账号”链接。我觉得这真是个组织良好且执行到位的登陆界面。 这也是我最爱之一，我着迷于它的扁平设计。它也没有多少分散注意力的东西，重点就是登陆。简明的 logo 效果非凡，如果你没有账号，也能在这注册一个。除此之外，所选的颜色也紧密结合，表现良好。 我非常喜欢这件设计，因为东西都足够大，登陆按钮很大，按钮上的文字很大，图标也很大。现在你应该有所体会了。另外，登陆按钮是明亮的橙红色，你不会忽略它。它不会与周遭环境混为一谈，所有需要强调的操作都该如此。 我不确定自己是否赞同输入框背景和文字的颜色，不过除此之外，这仍然是件优秀的单色表单设计。我喜欢这两个输入框彼此结合的方式，因为他们显然就是一体的。我也喜欢那个醒目的登陆按钮。 在你注销登陆前，网站会记住你是谁，这点太赞了。从外观来看，它想营造安全登录的感觉，事实也确实如此，这得益于下面的两个 logo——mcafee 和 verisign。我还喜欢它滑稽的头像，使得整个界面体验如此愉悦，虽然它其实很严肃。 这是我第三喜爱的作品，因为它好玩的配色。是的，这是扁平设计。如此基本的样式，本应该很单调，它却没有。我发现精心挑选过颜色的扁平设计常常能成功，因为充满了亲切感和个人色彩，这件登陆界面就是如此！我很希望在自己经常使用的 app 和网站中见到更多这类设计。 啊，又是一个蓝色的界面！我对此处使用的绿色持怀疑态度，不过本作品中微妙变化的蓝色，与白色文字结合地很好——确实非常好。非正式的小写字体也给整个界面增添了几分个性。 我相当喜欢这个表单，因为它显然是页面的视觉中心，再没有其他东西分散我的注意力。当然，还有 logo…

@beforweb：过去几个月当中，我一直在马德里的一家创业公司的设计团队当中任职。我的主要工作是为他们的一款主要应用产品进行重设计，这其中确实遇到了不少挑战。我们每天都会问自己同样一个问题，那就是怎样在保证功能性与吸引力的同时尽可能的对产品进行简化。 每轮迭代，我们都会解决掉一些矛盾，然后再回头看看以前的版本，就会觉得从前的体验真是噩梦，看上去也不怎么漂亮。不错，我们是在进步。 作为设计师，我们不断的寻找着能够简化产品的创新方式。我们希望自己的设计方案能使产品用起来更有效率，更具功能性，当然，也要更顺眼。毕竟，我们是设计师。 扁平化设计的爆发将极简风格推到了设计领域的最前线。让事物保持简洁自然是好的，我绝对是简洁风格的粉丝。清晰、符合直觉的界面总是可以赢得用户的青睐。 相关犀利文——腾讯 cdc 同学的力作： 《终结拟物化与扁平化之争！多研究些问题，少谈些主义》 为用户设计，而不是为你的身份 然而有时，我们会沉迷于为自己的“设计师”身份进行设计，而用户却成为次要的了；我们倾向于让同行拍手称赞，却忽视了能否让用户竖起拇指称赞产品。那些现实世界中的产品设计师们会告诉你，漂亮的外观并非你需要考虑的最首要的问题。 除非你是个超级赶时髦的人，否则你肯定会使用一些看上去不那么好看的应用。为什么会这样？你不也是设计师吗？实际上，我们会使用这样的产品，正是因为它的功能可以体现出自身的价值。同样，我们自己的产品也应该能良好的表现出它的功能性，而不仅仅是漂亮的外观。 我自己用的记账应用肯定不是同类产品中 ui 最漂亮的，它也不扁平，但确实非常好用，非常有用，帮我节省了大量的时间。 观念：设计优先于功能 我们在很多地方都可以看到这种设计理念的体现，尤其是在 dribbble 上。那简直就是 ui 忍者们的技能秀。我并不觉得这里有什么不妥，但当这些美妙的颜料被涂抹在实际产品上的时候，就会产生一些问题。你在 dribbble 里看到的那些令人馋涎欲滴的界面有多少是真正可用的？现实当中有多少实际用户会像设计师所预料的那样对界面产生剧烈的反应？ 观念：功能优先于设计 对于设计师来说，“功能优先于设计”的言论必定是失礼的。我们会对丑陋的字体大喊着“不！”，却可以为很多看上去很漂亮但有悖于诸多可用性原则的 iphone 应用拍手叫好。 很多新手设计师，从入行开始就一直身处扁平化的世界里。他们会认为扁平风格才是真正的设计，任何有悖于扁平原则的东西都是错的。实际上，从视觉角度来讲，扁平风格正是现实世界当中的物体概念在数码界面中的抽象体现方式；而如今的很多设计师似乎越发偏离了这一要领，错误的认为某种设计要么是对要么就是错，错误的认为我们的工作只是落实某种图像风格而已。 然而实际上，我们的工作是创造服务与产品来帮助众人；我们的工作是把东西做的稍微好一些，用起来更有意思、更有效率一些。实现这些目标的方法涉及到很多方面，虽然我不愿这样讲，但相比于坚实的整体用户体验及功能性而言，界面的漂亮程度确实是相对次要的。不然我们为什么还要提倡通过 mvp 来验证假设并进一步雕琢产品？ 相关书籍推荐：《精益设计: 设计团队如何改善用户体验》 关于界面中的视觉引导 如今人们都知道“内容优先”的重要性了，这没错。没了内容，我们的设计就只是一层空洞的外壳而已。 我个人的顾虑在于，作为设计师，我们的一些工作也许会对内容优先的原则起到一定的破坏作用。那些力求极简的界面很容易让用户失掉重要的视觉线索。 一个比较常见的例子就是移动应用当中的“汉堡包菜单”(抽屉式的侧边菜单，其图标形式类似于三层汉堡)，这种设计模式也慢慢的在桌面端的网页设计领域普及开了 (例如 uber 的网站)。一个曾经属于移动端的、用于在极其有限的屏幕规格下体现“内容优先”的m6米乐安卓版下载的解决方案，现在被越来越多的用在了它的作用域之外。(例如 uber 的网站，无论浏览器窗口的尺寸怎样调整，导航元素都是被隐藏在汉堡包图标背后的，所以这并非是某种响应式设计策略的体现，我想这也是原作者提出质疑的主要原因 —— 译者注) 在桌面端网页当中使用汉堡包菜单会显得很时尚吗？在如此广阔的可视界面当中刻意隐藏重要的导航元素，这种方式是经过验证的吗？这样的设计方案就是在强迫用户：   必须到某个地方去寻找一些他知道本该在这里看到的东西 (导航)。 必须花时间绕路才能完成一个本该相当简单的任务。   这样做无异于在不需要设置障碍的地方立起一道门 (想想过去那些炫酷的 flash 动画加载页面)。 这种刻意隐藏重要界面元素以突出“更重要的内容”的方式，所破坏的却是“用户优先”的原则。内容再重要，界面再漂亮，如果没人愿意再来使用和浏览，那么又有什么意义呢？ 当我们努力想要移除界面中的一些元素以降低复杂度时，最好认真的想一想自己的理由究竟是什么。我们真的是为了增强用户体验吗？或者只是为了迎合潮流，削尖脑袋希望能够成为“扁平化”、“极简化”大潮当中的一分子？…

当提到网页设计趋势的时候，不管什么文章都得来一句：“现在特别流行极简主义设计”，那么，到底什么是极简主义？极简主义不光存在于网页设计中，像 logo 设计、印刷设计、包装设计也都有相应的极简主义风格。目前流行的极简主义网页设计视觉风格是：使用纯粹的色彩以及简练唯美的照片。 极简主义网页设计流行使用创新式导航，不但易用，而且有种简约美，符合极简主义“回归功能”与“视觉简约”的双重理念。简约的外观、易用的功能，并不意味着极简主义网页设计很简单。事实上，优秀的极简风格作品需要复杂的设计流程。   有一种不错的极简主义设计方法是：先设计一个风格复杂的网页，然后不断简化，回归基本。 那么，什么是基本呢？我们来看看这篇文章吧！   概念 不 要因为极简设计看起来简单而轻视他，也不要因为极简设计流行而跟风。如果你抱着以上两种想法去设计，那么你的极简设计一般不会成功。为何？因为你只看到了 表面。尽管极简主义网页设计现在很流行，很多网站都在用这种风格，但实际上，极简风格不能通吃所有类型的网站，有的网站用极简风格就不合适。   当内容较少时，结合现代美学风格，极简设计效果最佳。 当内容繁多、网站面向的用户是大众时，极简设计往往不奏效。   像 the verge 这种内容丰富，每日更新的科技站点，面向的是普通人。 页面中元素太多：广告、社交媒体图标、按钮、文章。简化起来非常麻烦。因为所有的元素都是最基本的元素，已经减无可减了，再减，用户肯定会来反映问题。 尽管这个网站看起来非常繁杂，但是浏览效率却非常高。所以这个站点不适合采用极简风格。 简化 另一种常见的问题是，设计师削减的太多。导致网站缺少必要功能、难于理解、缺乏活力，交互性自然不佳。   极简主义网页设计可以采用一些漂亮的图片做背景，或者使用有趣的字体设计，再或者打造完美的对照感和平衡感。如果不这样做，网页会看起来太扁平了 极简主义的目标是：通过简化，让内容清晰可见。但是如果导航元素被严重削减，用户无法理解导航的操作方式，那么便自然无法正常浏览内容，也就不符合极简主义目标。   例如，pixelsapien 网站的设计，部分元素设计的确实可圈可点。“our work”这一页面中使用了扁平化、简约的图标（图标本身没什么问题，甚至可以说图标设计的很棒），看上去很容易理解。 但是这不是一款成功的极简设计，因为看起来太无趣、太死板了。图像、字体、色彩都太扁平了，完全居中对齐的布局方式太简单了。 如果能够改善以上几点，这个网站的视觉效果会大不同。 相比之下 grain and gram 的外观就好多了，看上去很漂亮。 但是为了达成极简主义，很多地方未免太教条。比如说图标，看起来辨识度不高，彼此之间很模糊，可以适度修改，提高辨识度。极简主义的意义在于能够优秀传达内容。 设计元素 为现代人打造现代风格设计 创意产品机构 gigantic squid 的网页设计就不赖，很有极简之风。少放文字，多放图，让更直观的图像说话。 简约内容适合以简约风格来表现 像 minimalist music quiz 这种网站只有一个目的：通过展示极简主义艺术海报设计，来让用户猜歌。 这种网站就很适合采用极简风格。其一，和网站极简海报猜歌的主题相符；其二，像这种小游戏，越简单越能吸引用户；其三，功能更直观、更强。 对比感 黑白色的照片结合蓝绿色三角形，case 3d 的网站向我们展示了他们成功的秘要：高度对照的形状、材质以及色彩。 平衡感 平衡感可以通过很多手段来完成，hennessy’s 的网页设计采用了其中一种方法。经典的栅格线布局，让网页看起来具有一种历史悠久感和品牌经典感，其他方法这里不赘述了，请各位自行探索。 细节 是细节的精致感让 stronghold 的网站美丽无穷，这种细节化的极简设计非常特殊。这是高水准的极简设计，没有一定功力的设计师做不来。…

拥有一个抢眼的 logo 对企业来乃一大幸事，毕竟 logo 千千万，但真正让人过目不忘的作品可是屈指可数。好的 logo 必须量体裁衣，迅速传递出企业的价值和理念。但 logo 不能只是金玉其外，还必须有思想、多功能。比如，可以用标准色在任何尺寸的纸张完美复制和再现。下面就晾出当前 30 个自认为很杰出的 logo，飨宴大家。 castle print 一个打印机品牌，该 logo 直截了当地体现了了企业的业务性质：利用减色模型，直指其打印行业背景，同时通过色彩的混合塑造出一个与其品牌相符的城堡（castle）形象。 ryan-biggs 负空间的运动使得这幅 logo 有一种奇幻的效果，完全考验你的空间想象力！b 和 r 两个字母代表了这个品牌，微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色，赋予了 logo 更广的使用范围。 one leaf one leaf, 顾名思义，即一片树叶。以此为轴线，就呈现出了如此简洁巧妙的画面。 greener 设计师用粗细不同的灯芯体 (san-serif) 字体塑造出一种现代感。该 logo 不但层次感强，更重要的是可以用单一色调复制重现（这也是评判 logo 好坏的重要标准之一）。 talkmore talkmore 字面意思是“多说点儿”。设计师采用象征的手法，用英文中的单引号分别代替字母“a”和“e”，从而在图形上给予品牌最鲜活的注解。 black sparrow 看上去很简单的图标，但在细节处理上却达到了极致。从麻雀 (即 black sparrow 的中文) 的图案到字体，柔和的曲线与平滑的字体相得益彰，将完整的设计融入品牌表现。 swannie lake 富有时代气息的 avenir 字体配合平滑的图案，不但与该…

@米田的天空 2013 年还剩余 5% 左右的电量，在许多平台收到很多童鞋询问学习和工作的东西。更多是如何成为牛逼的设计师，其实牛逼不牛逼，这个怎么判定呢？以获奖多少为界限？以作品多少为界限？还是以职位高低为界限？ 这些似乎都是标准又不全是, 有种说法很有趣：”做不到第一，就要做唯一”其实每项东西能做到第一的难度是很大，以 10000 小时天才定律推导，至少要到达那个位置，需要你专注且持续每天专注在那样东西上的时间不少于 2 小时，且至少保持 8 -10 年才有可能到达接近第一的位置。付出的代价是十分巨大，如果换种思路，我们知道 80/20 理论，要做到 20% 的人呢？其实就容易很多，可能至少减少 80% 的时间投入就可以了。   能力叠加组合 如果我是设计师，要做到唯一怎么办？有点像买彩票，其实基本组成中奖号码的数字 36 种，其中 6 种数字组合形成大奖。那么重复几率是多少，大概是 1 /17,721,088，即 1 亿多之一。以这种比率推算，国人中与你技能相似的朋友也只有 12 个。是不是突然觉得离所谓的牛逼又进了一步？ （图片：淘宝彩票） 以自己为例，今年整理我做什么东西的时候发现，大多是事情遵循的轨迹也是类似于这种双色球选取规律。自己的老板在年初时总会强调一点，只要一年内完成三个目标就可以了。别贪多设定太多目标，导致最后一个都完成不了。当然这 3 个目标和 6 种选择其实是类似。拆分出来就是”设计推广”、”阅读写作”和”讲座旅行”。 它们的关系相对，每个都是指向一个大方向。当然这种组合每个人都不一样，你可能是插画、摄影和手工，亦或者其他方面。当然尽量每种技能间的区别别跨越太大？？？   普通人的常用技能 (via《做不了第一，那就做唯一》)   艺术 & 设计创意人技能列表 仔细想想，这是种挺不错的模式。且每个人都能找到属于自己的方向。每个人由于技能组合的不同，可能是 6 种能力组合，亦或者 7 种、8 种可能。这种组合模型的无限，每个人可能都是独立的交集个体。因为世界上只有一个第一的人，比如 100 米的世界纪录保持者。但是你即是跑的最快的人，又是个钢琴演奏家也是个业余画手。情况又有所不同，你可能就被打上”文艺短跑选手”的概念。 当这种情况多维叠加时，你便是独立且唯一的个体。最重要，你也活的很有尊严和价值，因为你的不同。…

由于所在团队的项目原因，开始接触实战的交互设计，第一次使用 axure 来为一个网站设计一份交互。加入团队的时候，整体站点的功能和需求基本有了一个大框架，所以只提出了一些修改和增减的意见，主要针对网站在功能上的侧重以及交互上的缺失，而主体板块上面则没有做过多的变动。 在『自以为』完成了交互稿之后，看到视觉同学给出的效果图，似乎有点『心满意足』的感觉。很巧地，在人人上遇到了以前的老舍友，目前正在某大型网站做产品经理，于是就冒昧地提出把我做的网站原型拿给他看看，请求提一些建议。 结果是，出乎我的意料，但是又让我非常满意地，提出了很多至关重要的建议（正规公司的培训和自己摸索是完全不同的）。尤其是在学生团队中无论如何摸索也不容易自我觉醒的建议。所以趁热打铁，权当自己是一个初学者的典范，说说初学者对网站交互设计的一些误解。 误解一：交互设计，就是用软件做控件布局和跳转链接 从我和朋友的原型图就能高下立判，一个原型图逼近成品，而我的，则可能好一点的手稿也要比我的原型图清晰和美观。错误地把交互理解为设计主体布局和页面之间的跳转关系，并且简单呈现给视觉，是我做交互设计犯下的第一个错误。 单调的页面也仅仅体现了布局，丝毫没有体现出交互，更没有表达出不同的切换效果、换页动画以及呈现方式 ，这会对视觉以及前端同学的工作造成很多的不便。 误解二：交互设计，只是体现一个大概的设计概念 此条与误解一有些许重叠的地方，总而言之就是设计太潦草和太简单。在我的设计稿中，已知的网站 944 像素宽度也没有体现出来，是根据目测随意设置的边距，并且每一个页面的边距都不同（因为都是目测随便摆的）。同样地， 在高度方面更是没有细致的规划，没有考虑到每一屏所显示的内容，没有考虑到哪些控件可能出现屏幕上『青黄不接』的状态 。实际交互和原型设计，应该是像素级的工作，应该让视觉和前端的同学明确知道每一个控件的精确位置，而不是让他们来替你做这件工作。工具方面，可以使用网格和屏幕分割线来划分区域，便于设计。 误解三：交互不对内容的排布做充分的考虑 m6米乐app登录首页过大的 banner 会导致分割了m6米乐app登录首页导航栏和主体内容，过度注重美观则使得内容打了折扣。同时，在活动列表等界面中，尽量保证每一屏中的几个活动所在的位置和体现效果『公平』，否则排序靠后的内容就非常容易被忽略掉（点击量落差巨大）。因此， 在交互设计中，除了要确定某一个大区域中放置的内容，对于其中细节内容的排布也应当有所考虑和安排 。否则，你的设计就会影响运营同学的工作。 总的来说，交互设计和视觉设计、前端实现构成了网站设计不可或缺的整体，我再次对前期工作的不严谨和不专业对前端以及视觉同学表示深刻的歉意。交互设计，绝不仅仅是使用 axure 把控件拖来拖去的体力活，也不是拍脑袋决定某一个布局好看或者某一个区域的内容。所有的位置、信息和像素，都是产品的体现、都是需求的满足、都是功能，都是产品经理需要 care 的东西。 最后，大公司对于重要的页面的设计都会有高级负责人亲自过目和确认，保证最终的效果。而在我们团队中，则可能需要产品经理、设觉设计和 leader 一起来把关。

真正优秀的用户界面会被无视，而糟糕的设计则迫使用户注意界面，而非内容。用户都是带着目的来访问网站的：买本新书、学习 jquery、与朋友分享一篇文章、发现新音乐、写小说或者仅仅是寻找最近的目的地。他们不会只为把玩界面而来。 实际上，用户根本不在意界面设计。多年来，台式机系统树立的典范和交互式工具的缺失，都使人们开始思考用户界面，它如何发挥作用？如何让设计增色或减分？但用户真的需要关心这些吗？ 用户已经熟知界面的模式和组成元素，但他们根本不在意。多年来，网页设计师们已经在按钮颜色、投影、边框和渐变上花了成百上千个小时，只为了让界面更易用和美观。但事实上，优秀用户界面的终极形态不是易用，而是隐形。 或许你已了解，移动设备是近年来的重头戏。多点触控设备的问世引出了一个轰动性概念——用户界面就是一系列对内容进行的点击操作和事件，移动设备的崛起令人机界面更加自然。这一现象有诸多原因，但对直接对内容进行操作，和摒弃过时的具象化事物（像台式机里的那些）赋予了这些设备极高的易用性，因为它们的界面几乎消失了。 不过我们仍然需要用台式机和笔记本来工作，我们也需要浏览网站、使用 web 应用程序。那些神奇有趣的多点触控技术，和它创造出的更加自然的新式用户界面，却未必能派上用场。那么，既然还不能为我们所用，我们要继续创作那些过时且“碍事”的 ui 元素吗？当然不行，隐形界面应该是每位 ui 设计师与开发者的目标。 界面，而非障碍 界面不该成为用户浏览内容或达成目的的障碍。达成目的之前，用户根本没必要经历那些 ui 陷阱和胡乱编排的导航。多年来，我们都在使用和发明各种 ui 障碍。表面上它们似乎能解决某些问题，却给用户增加了更多负担。面包屑就是个极好的例子。通常认为，要让用户了解自己在应用中所处的位置，面包屑是个不错选择。但它更多时候只是平添了不必要的 ui 元素，影响正常的用户体验。 尽管面包屑并没有直接给用户带来负担，但它占据了屏幕宝贵的空间资源，而这本该用来引导用户达成目的和展示内容。增加面包屑来应对导航问题，不如直接设法解决它。为“修复”某些 ui 问题，经常会引入新的元素。然而，太多不必要的元素积少成多，最终界面成了一个障碍重重的迷宫。若是一味增加 ui 元素，界面还如何隐形？ 解决界面问题 这与我们前面所讲的息息相关，但是要打造隐形的界面，意味着要解决更深层次的问题，你得真正解决那些问题所在。我的背有点小毛病，当然，敲一敲和服用镇痛药都能止痛，只是治标不治本。我缺乏运动，经常无精打采，像石头一样僵直。我们对待界面问题也是一样。创作网站和 app 时，我们总会发现各种千奇百怪的问题。多数时候我们只是做些表面文章来解决问题，界面下却隐藏着更深层次的问题。此举只是头痛医头，脚痛医脚。 不过这已经成为惯例了，因为我们总得学着与项目经理、网站主、股东、项目进度或仅仅是懒惰抗争。我们总以此为理由进行用户测试和 ab 测试。“我知道有些不对劲，不过还是通过用户来验证一下这是否真的是个问题。”若想要实现隐形设计，这可不是什么好方法。完全透明的界面意味着解决设计中最深层的问题，它们才不会出来作乱，成为用户的绊脚石。 宽容的设计 宽容，往往是隐形用户界面的一个特征。自然的界面并不限制各种探索性的点击。当用户进入死胡同，它不会轻易显示错误信息，而是将用户引向别处。 宽容用户意味着他们犯错时不要惩罚他们。用户错误操作，往往因为他们无法预料结果。我们总将问题归咎于用户，并弹出大大的警告和错误提示来惩罚他们。当用户踏入陷阱时，隐形的界面会避免责罚他们。相比弹出错误提示，优秀的界面设计能预测应用中出错率较高的地方，并提供解决方法，甚至引导跳转。 宽容也意味着网站或 app 的规则可以被用户打破。这是下策，不过假设你打破了妈妈的古董花瓶，想要把它粘回去，却因为手指粘在一起被抓住，这肯定是最深刻的教训。用户弥补他们犯下的错误时，他们将更了解你的 app，别出现那些大红错误图标和晦涩难懂的文案。 首要任务，达成目标 这是个交互设计的绝佳案例，是 cooper 正在进行的项目，鉴于它尚未上线，我应该只被允许小小提示一下——以目标为导向的设计。你的界面设计也应该围绕用户的目的展开。不是用户要什么或喜欢什么，去他的，根本不是这么回事。而是挖掘用户的需求，然后指引他们达成目标。这很滑稽，用户对于他们想用什么样的产品总能夸夸其谈，却对自己的目的一无所知。你的职责就是挖掘他们的需求，而非要求。“要求”会导致界面臃肿、障碍重重，令用户厌烦。 找出目标并让用户尽快完成它，他们不在乎其他事情，尽快到达目的地才是对他们最大的回报。不需要为此设计漂亮的界面，避免用过度设计来补偿糟糕的目标引导。 一致性 不错，在用户体验的世界中，我们一直在谈论一致性原则。界面设计中，一致性是重点。如果你的界面元素都放在相同的位置，有着相同的颜色和功能，那么你的界面会逐渐消失……像 marty mcfly 一样。不过，如果只是把所有按钮放在每页的同一个位置，或用某个特殊操作执行相同的功能，并不能解决一致性问题。 在用户体验设计中，我们还经常借鉴 app 或网站中那些一致或相似的东西。我之前写过文章，解释了相似的环境如何使得界面更舒服。然而我们要创造真正的隐形界面，不是为了一致而一致，光有这些还不够。隐形界面有着“真正的一致性”，不仅元素、数值、链接和其他数据展现形式统一，场景和含义也是一致的。 例如，你应该注意到了，其他很多 app 把登陆按钮或链接放在右上角，所以你会觉得，既然其他…

  摸不着说不得的创意是很多设计师的痛点，总想创造点什么，脑子却一片空白，这时候你该阅读这篇由腾讯 isux 大宝撰写的非常全面的创意类别总结，看一下他怎么从一些伟大的创意中提炼规律。 记住唷，学以致用才能进步。 大宝：在这个信息过剩的时代里，新媒体，自媒体，传统媒体，都在各个领域里影响着自己的目标用户，运用好合适的媒体，能够有效的影响用户，带动产品的活跃度或者销售量，存在于各个媒体里最终的视觉创意正是最后能否打动用户的关键，优秀的创意会让产品在相同的媒体里让信息更有记忆点，在滔滔的信息长河里凸显产品特性，让视觉更加有效，锋芒。 关于创意，同时推荐创意龙头老大奥美公司的《秘笈宝典：顶级广告集团奥美的创意培训资料》 何为创意？   创意是一种观点、一种意念，用来传达、或沟通某个创意概念。 创意是传播概念和创意素材之间的桥梁。   几种创意的类别及其鉴赏 巧”合” 用看似不同的介质或图形组合巧妙的碰撞出产品卖点或传播内容。     jeep   概念：jeep 无所不至 创意：横跨两世界   表现：非洲土著人和爱斯基摩人的交集是一辆吉普车，骆驼和狼的交集是一辆吉普车… scott 吸油纸   概念：油渍去无踪 创意：吸走油脂 表现：五花肉在 scott 吸油纸只剩下瘦肉部分…     拟人 拟人化的创意方式可以让阐述更清晰直接，让受众更直观的了解产品独特卖点。 tide 汰渍   概念：去污不留痕 创意：不给污渍留机会 表现：白色棒球队围歼红色棒球队、黑武士围歼白武士、警察围歼小偷以拟人的方式来表现去污不留痕。   夸张 创意实现的基本方式之一，把产品的某一个特征无限的放大或缩小来增加用户观看后的记忆点。 nike   概念：nike 足球鞋，射门精准 创意：射门精准，任由你在墙上作画 表现：小罗在墙上射处自己的画像、卡卡在墙上射出自己的画像、特维斯在墙上射处自己的画像…   alka seltzer  …