推荐阅读
详细解析平面设计中的时尚复古风格
给自己的设计增加“复古”效果，相信这对于大部分设计师来说并非难事。然而，本文要为你梳理整个欧美历史发展中的复古风潮，以及如何为你提供灵感的巨大宝库。因为我们都知道，“复古”这一大的风格下又可以细分为好多不同的小风格，这些小小的风格差别是源自不同时代的类型，以及当时的环境所催生的一种平面设计的诉求。下面，我们将带你一览所有曾经最为流行的复古设计风格，让你在今后设计复古这个类别的视觉效果时，又沾着“复古”的浪漫以及重获时代的新生气息。怎样定义“复古”视觉风格？每个人所定义的“复古”感，大概都会从自身情况出发，你出生在哪里，出生于什么时间。这些条件影响着你的观察。因此，我们可以说，你所认为的具有吸引力的“复古”受制于下面三个要素。1、怀旧感就像80后，你的童年所经历过的许多事物就是独一无二的，再提到怀旧的时候，你的童年里值得怀旧的一切在一个90后眼中就无法激起同样的情感体验。许多品牌在这方面做得游刃有余，他们意识到了怀旧情结的商业潜力，给他们的产品，比如服装的饰品物件或广告设计，增加一些特定阶段人群的怀旧元素，这样的极大的激起了共鸣。你也许注意到了这几年电影行业对怀旧的各种热衷，青春片里80后的集体回忆所带来的消费力量。与此衍生出来的是很多海报的设计，也针对80后的青春转场增加了一系列怀旧元素：搪瓷杯、收音机、缝纫机等80后童年常见而长大后消失了的物件。2、年代感第二个能突出“复古”视觉效果的是年代感。简单说，就是时间会在任何事物上形成“岁月的风霜”，被岁月剥蚀得越久就越能凸显出年代的久远。例如你采用一种闪闪发光的银色质感进行印刷，这样的材质只会让人联想到未来。然而，怎样避免让自己的设计最终真的成为“老朽”之物呢?这就需要你根据具体的情况，将充满年代感的视觉元素进行重组，在复制原有的元素基础上设计出更加具有视觉吸引力的美学效果。3、视觉风格
Photoshop打造出外景婚纱照梦幻唯美效果
最终效果原图1、打开原图素材，创建通道混合器调整图层，对红色及蓝色调整，参数设置如图1，2，效果如图3。<图1><图2><图3>2、创建可选颜色调整图层，对红色进行调整，参数设置如图4，效果如图5。<图4>
色彩和色调的选择机理剖析
色彩范围这个命令是一个很重要的选择命令，不仅可以选择不同的色彩，还可以选择不同的色调，这在PS常规的选择方式中是少有的。同时由于其涉及到了部分选择，懵懂老师在其所著的[选择的艺术]一书中对该命令寄予了极高的评价，由并此掀开了探究通道强大选择功能的序幕。 那么，该命令选择色彩及色调的内部机理是什么呢？既然其涉及到了部分选择，PS又是如何计算选择度的？本文试图对此中原理进行详细解剖分析，并对部分选择程度的计算公式进行探究。 管窥之见，欢迎各位老师批评指正。 一、关于色相类色彩模式中的颜色 众所周知，色相类色彩模式中的颜色共有三个属性，即色相、饱和度、亮度（或明度）。 色相是颜色最基本的属性，它定义了某种颜色是此颜色而非彼颜色。细究起来，根据色相组成成分的不同，颜色又可分为两种： （1）单色 单色，即红、绿、兰、青、品、黄六种颜色。 在色相类色彩模式中，上述六种单色是相互独立的。如黄色和绿色、红色是平等的，都是相互独立的单色，并不能认为黄色是由红色和绿色生成的，这一点，一定要和RGB模式和CMYK模式严格区别开来 （2）复色 在色相类色彩模式中，除过六种单色外，其余的颜色都是由这种六种单色两两混合而成的复色。
4大特训 提高摄影技巧
大图片时代到来啦!从这个懒洋洋的夏天开始，展开特训吧! 很多朋友在享受美丽夏天的同时也忍不住参与进来，爱上了摄影。可看似简单的小小图片却一点都不简单，要掌握其中的奥妙着实需要下一番苦工。书本上那些生涩难懂的理论知识几天几夜也看不完，究竟有没有在生活中就能轻松试练的小诀窍呢?今天小编就和大家分享四个训练方法，让你在玩乐随拍的间隙就能提高摄影技巧。 一、拍摄数据，借鉴好照片的数据资料 很多摄影作品会让人眼前一亮，是不是很想知道它是如何拍摄出来的呢?揭秘好照片的第一步，就是研究它的拍摄数据。如图，流水想拍的绵绵不绝，绢感十足，必须要有慢速，所以为了达到合适的曝光，光圈就必须用到很小。 1.借鉴大师作品 了解相应的拍摄信息，会让你对图片有更深的认识，能更加近距离的还原现场的情况和摄影师的拍摄手法。这样的曝光值是为了得到什么样特殊的效果?为什么这样运用快门和光圈组合?换成另外的组合会出现什么不一样的画面?不断反问，等下次再看到同样的场景和类似的环境，亲自尝试一下，各种拍摄技法就能为我所用啦。 2.总结自己成功照片的经验 再借鉴大师拍摄数据的同时，也要总结自己的作品，哪一幅照片拍摄的比较满意?是偶然拍出来的?还是拍摄之前对曝光数据及光圈快门组合就有意的控制过?下次遇到同样的环境还能不能很流畅的把握住要点? 二、物体重复拍摄，锻炼寻找视角的能力 对于同一个物体，要拍5张以上，尝试多种不同角度、不同光线运用、不同的光圈快门组合，尽量把每一张照片的形式区分开。
最新发布
UX设计值得参考的四个动效使用方法
微交互是明年流行的设计趋势，至于原因，来看这4个用动效完成微交互的设计实例你就懂了。动效可以告诉我们一些故事。例如「现在就让我看看吧。」、「操作已经完成了。」等等，像这样既不会很长，又不会很复杂的故事。动效的目的，并不是为了娱乐用户，而是为了让用户理解现在所发生的事情，更有效的说明他们的使用方法。我们不再只是去设计一个静态的画面。去思考怎样才能将用户从单纯的画面，引导到实际操作的内容对设计来说是非常重要的。为了让动效变得好看，功能统一，可以广泛的应用于内容之中。用户的行为和条件状况，被用户注意的地方、或者成功的传达执行动作所得到的结果这样各种各样的要素影响着。这一次，为了改善UI设计的体验。让我们用一些具体的实例来一起看看可以添加动效的位置和情况吧。01. 不要让载入时间变得又长又无聊如果无论如何打开网页都需要很长的时间的话，就想办法让用户在等待的时候感受到乐趣吧。动效可以作为能够消除用户的无聊感的代替(让用户不会感觉到一直在等待)。通过利用几个连续的动画，让用户感觉到并不是一直在等待，这在绝大多数网站都是十分管用的方法。例如左侧的列表型屏幕，在内容完全载入之前，我们可以看到，UI是一点一点分开显示出来的。
设计师如何设计出用户体验俱佳的产品
今天和大家分享一个有意思的故事，是我在第一份工作中做的第一个项目(目前在西雅图一家成长中的软件公司做DevOps工具的用户体验研究和设计)。写这篇文章是想和大家讨论一下我最近思考的一些问题，反思一下我做的好的和不太好的地方，也希望和关注运维技术发展、开发者用户体验的朋友建立联系。作者：译者：陈凌霜 Liz Chen，华盛顿大学Human Centered Design and Engineering研究生【未经作者许可，请勿转载】名词解释运维：英文 Ops，又称运维工程师，是对技术类运营维护人员的统称。运维人员的职责是根据业务需要规划信息，网络，服务，通过网络监控，事件预警，业务调度，排障升级等手段，使服务处于长期稳定可用状态。(来自中文*)DevOps:(Development和Operations的组合词)是一种重视“软件开发人员(Dev)”和“IT运维技术人员(Ops)”之间沟通合作的文化、运动或惯例。透过自动化“软件交付”和“架构变更”的流程，来使得构建、测试、发布软件能够更加地快捷、频繁和可靠。(来自中文*)为什么工程师也值得好的用户体验运维工程师支撑起了我们互联网的基础。当晚上我们酣睡的时候，他们可能随时被BP机吵醒，立即撑开惺忪的眼，打开电脑解决各种IT服务的问题;在有些施行了DevOps模式的公司，软件开发人员也会担任这一职责。他们有一套软件来帮助监控、诊断服务器的状态，自动化一些人工的工作。这些技术和软件对于提高技术人员的工作效率和生活水平、企业的生产效率来说至关重要。可以说，是这群人支撑起了整个互联网的基础，让我们普通用户可以毫无顾忌地随时刷手机看直播，以及减少碰到知乎“服务器提了一个问题”页面的几率。然而现实是，很少有人来关注这群人的“用户体验”。关于他们到底是如何工作，如何解决问题，如何与他人合作等问题，鲜有外人了解。这也是公司雇佣了我们这群用户体验设计师的原因，我们的职责就是增进产品开发团队对用户的了解，明确需要解决的主要问题，同时也让我们的产品变得更加容易理解和使用。一个创新产品和两个难题公司最近推出了一个新的开源产品，如何推广是个很重要的问题。特别是这种概念新又抽象的技术型、企业级产品。就算是经验丰富的一线开发者也没有那么容易一下子就理解，更别说企业中非技术出身、做决定的人了。
5个对比案列帮你解决设计的常见误区
说了那么多理论这次我们就以更直观的方式来和大家一起看一些案列，希望能给大家一些帮助。 排版可以讲100种都可以，可什么才是最有效的。估计就是不断的做图吧、不管是工作还是练习。这次给大家带来的是，将具体的设计案列进行修改前后的对比，分析设计的误区以及修改的原因。所以这次不讲理论、也没有案例欣赏。纯粹的案列分析对比我想或许这样更加直接看到效果，易懂一些。经常看到一些设计稿，误区明显。所以这里挑选了一些案列分享，希望能对 工作经验少人有所帮助。感谢2位朋友贡献他们的案列，要是被发现了会不会拿刀来打我，还是发个红包给我，哈哈。要是大家喜欢这种方式，后面有机会再出。以下分析均是个人观点，共勉之。Case 1Before修改前
如何在项目设计中合理使用色彩叠加效果
色彩几乎是所有设计中都至关重要的组成部分，无论是明亮大胆的配色方案，还是简约的黑白色调，你的用色将会直接影响整个设计的实际效果。近两年，在色彩运用上有许多值得一提的手法，其中最有意思也最常见的应该就是色彩叠加。使用半透明的色块(纯色或者渐变)叠加到图片或者视频上，这种效果能够强化图片本身的氛围，赋予含义，并且更好地吸引用户的注意力。今天我们来深入聊聊这种色彩使用技巧在实际运用中，需要注意的问题和值得探究的做法。使用渐变首先，渐变作为一种设计趋势，再次回归了。当你想为特定的元素叠加色彩的时候，可以尝试使用某个醒目的渐变色叠加上去。渐变色的好处在于，你可以使用多种不同的色彩一起构成渐变(比如品牌色)，也可以使用某一个色彩进行深浅、明度、饱和度上的渐变，这样的设计会显得更加集中。明亮的配色方案会更加吸引用户用户，让图片呈现出某种独特的气场。这种设计趋势很大程度上是Spotify 起的头，他们在播放列表中使用了迷幻味十足的双色渐变效果，让唱片封面和艺术家头像变得更加富于艺术韵味。搞定这样的设计非常简单：·选取一张照片
详解设计师面试时如何应对面试官的提问
作为一名设计师，被质疑简直是家常便饭。相信你们在日常工作中，一定被人问过：“对于这个点，你为什么这样做而不是那样?为什么选这个颜色而不是那个?”之类的问题。其实，这也是面试中的必问问题。诈看起来，确实有点难回答。但每一个问题，其实都有他的思考路线图。今天spell就来谈谈，如何通过交互的四个维度来入手，巧妙的破解这个问题。来，我们举个栗子：比如说在面试中，作品集中有这么一个界面，面试官问道：你为什么要设计一个白色的登录按钮，为什么选这个字体?对于这种突如其来的问题，很多小伙伴反映，当场懵逼。这么做设计，有可能是为了颜值，也有可能是公司的按钮就是白色系的，甚至可能是根本没想过哪个好看选哪个。那好，用一分钟想一想，如果你遇到这个问题，你会从哪几个角度回答?今天这篇文章，就是想借着这个问题，来聊聊交互设计中的认知维度，以及如何利用这几个维度，让我们成功解答面试题，成功完成与程序员PM的“撕逼”战役，以及最重要的，辅助我们做更好的设计。对于认知路径这个问题，很多不同的文献里都写过，比如大家都敬爱的Don Norman，早期的Jonh Sweller等等，其实读这些文章的时候，我本人也是崩溃的。大家来体验一下：
数字银行品牌升级的设计过程全揭秘
Monese是一项无网点银行业务，能让欧洲经济区的居民在2分钟内创建本地银行账户，即使顾客无法立刻提供住址信息，或者信用记录不良，也没有关系。我们创造Monese，目的在于帮助9千万被“排除在金融体系外的”欧洲人，因为银行难以认同并给予他们信用授权。作为金融产品，获取用户的信赖至关重要。因此，有统一易辨识的标志，是Monese成功的关键。为什么决定要重塑品牌在Android平台发布之后，用户基数快速增长。很明显下一步就是发布iOS版，这也是回顾和改进我们形象的绝佳时机。此时我们已经有一*成的品牌识别，从真实用户身上获得的第一手产品使用反馈让我们深受启发，最终我们觉得品牌需要更好地将它们反映出来——我们对用户需求有着更深刻理解。我们从中找出了以下问题：现有Logo不够典型、独特——它显得有点幼稚，弧度过于圆滑。我们用的“Brandon”字体不够鲜明，它已经被许多创业公司滥用了，这就意味着它不可能是我们独有的。品牌元素中混合了尖锐与圆润的形式，不统一，缺乏协调。红色的广泛使用引发了一个挑战，导致Monese应用中的错误状态难以展示。
50个世界著名企业LOGO的前世今生
logo对一个企业来说至关重要，而一个好的品牌懂得不断适应时代的需要，不断优化自己的logo设计。下面的五十个logo都是我们耳熟能详的企业，看看他们最初的logo个如今的logo，相同的变化几乎都是化繁为简，更具有辨识度和设计感。一起来感受一些那些logo的前世今生。
Sketch轻松绘制MBE风格小插画教程
先看看效果图Step 1、外轮廓快捷键O，按住Shift，鼠标拖拽画出一个正圆，在右侧面板调整Fills，Borders等属性。Step 2、陆地快捷键V，使用钢笔工具在圆上绘制陆地，选中Oval图层在上侧工具栏点击Mask(蒙板)工具，建立蒙板，此时陆地只在蒙板内显示，将Oval图层的Borders(描边)设置为Outside(外侧)，钢笔锚点可调，在右侧面板也可修改锚点类型。用同样的方法画右侧的陆地，同样只会在蒙板内显示Step 3、五官
详细解析移动端基于场景的设计方法
移动终端由于被用户随身携带，变成用户身体的延伸，在每一个场景中，深度陪伴着用户。也因此，移动终端获得天然的优势，得以针对用户实际所在的场景来设计，以设计出更加贴心的体验。 但是，由于设计师与用户的空间相隔，无法看到用户在真实场景中的使用情况。为了了解用户的痛点及需求，我们需要通过场景设计的方法，对用户使用场景进行分析或预期。基于场景的设计可以帮助设计师找到用户与场景的内在联系，探索新的功能及交互方式。 本文将以案例为主介绍基于场景的设计方法。什么是基于场景的设计？什么才是基于场景的设计呢?以看电影为例，在整个看电影的过程中，涉及到的主要场景有以下六个：线上买票-去电影院-线下取票-检票入座-观影-评论吐槽。基于看电影涉及到的场景，格瓦拉app设计了一个基于场景的功能：当用户在格瓦拉购票成功后，首页会出现一个人偶小浮标，在不同场景下点击该浮标，会出现不同的内容，例如在去电影院的场景下显示影院地理位置以及滴滴打车入口;线下取票场景显示取票二维码可以快捷取票;线下取票后再点击小浮标显示电影开始时间以及座位号;观影后显示别人的评论以及吐槽入口引导用户去评论(如图1)。对上面的案例总结归纳后可以得出，格瓦拉是基于用户看电影这一系列场景的判断与分析，理解用户每一场景的痛点及需求，结合上文场景，预期用户下一步的目标及意图，通过设计缩短关键流程，辅助用户提高操作效率。通过对大量案例进行分析归纳，将场景设计的概念简单归纳为：基于场景，理解需求，预期意图，进行设计。再来看一个另外一个基于场景的设计案例——拍立淘。拍立淘是手淘中的一个功能，主要通过对线下产品拍照并识别，辅助用户在淘宝内快速找到该货品。大家可能经常有这样一种购物场景：在线下店试衣服，到淘宝上找同款购买;在杂志或图片上看到喜欢的单品，在淘宝上找同款。通过分析这两类相似的场景(基于场景)，发现用户在当前场景的需求是快速在淘宝上找到该货品(理解需求)，并预期用户下一步的行为是通过淘宝搜索功能搜索该货品(预期行为)。因此手淘在搜索框添加了拍立淘的功能，可以帮助用户通过拍照或图片识别快速在淘宝中找到目标，提高操作效率，给用户惊喜，让用户感动(进行设计)。怎样基于场景做设计？基于场景的设计可以帮助设计师分析需求，找到设计机会点，那么怎样基于场景做设计呢?通过对大量案例的分析及归纳，我们总结出了基于场景的设计方法-场景设计四步曲(如图2)，以及场景挖掘工具卡片(如图3)，场景设计四步曲将场景设计的方法通过四个步骤来表示，包括场景列举、机会点挖、设计策略、衡量标准;场景挖掘工具主要应用在场景设计四步曲中的前两步，对关键场景进行描述，以及帮助设计师更清晰地应用场景设计四步曲中的方法挖掘机会点。接下来我将对场景设计四步曲进行细分拆解，来讲述每个阶段我们需要做的事情。
详细解析黄金比例在UI设计中的运用
“黄金比例”在建筑、机械、logo和图片设计中扮演着重要的角色。这里我不想写太多关于什么是黄金比例的东西，你可以在*上了解到。我只能简明地说下：我们的知觉倾向于协调和美观，我认为黄金比例是让产品变得更舒适和美观的最优雅方式。简而言之，它是一种寻求设计平衡的工具。这个技巧在界面设计中并不流行，因为它看起来很难。我会以一些简单的术语来解释——如何建立一个典型的黄金比例并把它运用到实践。几何图形黄金比例的黄金分割率是1:1.618。这很容易画出来：首先画一个正方形从正方形的中间(A点)画一条斜线到对角(B点)画一段弧线。通过画圆得到了一个矩形。正方形和矩形组成的图形就是“黄金比例矩形”。如果我们在大和小的矩形里画斜线，在交叉的地方就能得到一个焦点。把最重要的界面元素放在这个点来吸引用户的注意力，这是个好主意。