推荐阅读
Photoshop调出橙色甜美效果的美女写真照片
淡橙色为流行的甜美色。如果再搭配青色等背景，画面就会更清爽。本教程介绍柔和的橙紫色甜色的调色方法，过程也较为简单。用基本的调色工具就可以调出来，如果觉得不够甜美的话，可以再在Lab颜色下加色。最终效果 原图一、打开原图素材，新建一个图层填充颜色：#592C5B，图层混合模式改为“滤色”，效果如下图。二、创建可选颜色调整图层，参数设置如图2，效果如图3。
对ps通道抠图的一点看法
对于初学者，通道是一个很神秘的东东，再看网上的教程时候，看到有通道的操作就头晕，我今天就写下使用通道来抠图的方法，希望对大家有所帮助 以往抠图，我多半采用pen来画路经，虽然我抠出来的图质量还算过得去，但是没扣一次，都要花上好长时间，有点得不偿失，其实只要使用通道就可以了，在许多教程站点都有介绍，但是有些步骤讲得过于深奥，我就结合我的体会，配合实例，给大家介绍下： 先准备一张图 我准备把画中的MM抠出来，由于她的头发比较细，使用pen来就有点难度，但是使用通道就一点也不麻烦，1~2分钟就可以搞定了 把图导入ps，转入通道(channel)，你会发现里面一共有4各通道 分别是RGB-RED-GREEN-BLUE 除了RGB以外，每一个通道都是以灰度态来显示，其中以BLUE通道黑白渐变尤为逼真，我们就用BLUE通道来进行操作，如下图
DreamwaverMX与ASP.NET三
3.利用Repeater组件显示数据集相关介绍 ASP.NET中数据的显示多种多样，其中Repeater是另外一个已有的组件。DataGrid总是会以”表格”来展示数据，当我们想用更自由的方式来展示数据着一定会用到Repeater控件, 它以Template(样板)的方式来定义数据输出格式。 STEP 1. 建立页面我们可以通过更改原有的页面来建立用Repeater组件显示数据。将Location1.htm重命名为Location1.aspx。删除页面中原有的部分，并像上一章一样建立Dataset,其中筛选Region_IDEnterValue=1。下面让我们用Repeater控件来做动态页面。j为了利用样板定义输出格式，先建立表格。我们可以通过ApplicationàDatabases页面看数据库的结构。[图3-1 数据库结构]根据数据库的结构，设计下列的表格。[图3-2 模版图]k下面需要将数据绑定到表格中。将Application面板中Bindings中的数据项拖到其位置中。[图3-3 Binding对话框]数据绑定后得到如下页面:[图3-4数据绑定后的页面]是否有点似曾相识的感觉，因为Dreamwaver MX继承了UltraDev的传统以高亮显示数据。 ③ 其中Binding对话框中也可以选择数据表示的形式，点选页面的数据项后可在Binding中相应的数据选择数据表示的形式。[图3-5 数据表示的形式]若要以此表格为样板显示所有数据项，则需全选此表格。单击Application面板中的Server Behaviors项中的”+”，选择Repeat Region项[图3-6选择Repeat Region] [图 3-7 选择重复的方式]在Repeat Region中确定想重复的方式，单击OK。现在就可以按”F12”预览页面了。STEP 2 分析代码(注意：为了能显示代码，以下所有代码都在“<”之后和“>”之前加了空格，不便之处请多原谅！)< ASP:Repeater runat="server" DataSource='< %# DataSet1.DefaultView % >' >< ItemTemplate >< table width="75%" border="0" >< tr > < td width="18%" >Location Name< /td >< td colspan="3" > < %# DataSet1.FieldValue("LOCATION_NAME", Container) % > < /td >< /tr >< tr > < td >City< /td >< td width="35%" > < %# DataSet1.FieldValue("CITY", Container) % > < /td >< td width="19%" >Address< /td >< td width="28%" > < %# DataSet1.FieldValue("ADDRESS", Container) % > < /td >< /tr >< tr > < td >State< /td >< td > < %# DataSet1.FieldValue("STATE_COUNTRY", Container) % > < /td >< td >Code< /td >< td > < %# DataSet1.FieldValue("CODE", Container) % > < /td >< /tr >< tr > < td >Telephone< /td >< td > < %# DataSet1.FieldValue("TELEPHONE", Container) % > < /td >< td >Fax< /td >< td > < %# DataSet1.FieldValue("FAX", Container) % > < /td >< /tr >< /table >< /ItemTemplate >< /ASP:Repeater >ASP.net是通过建立一个ItemTemple的模板来重复显示所有数据的，所以若要设置Repeater的样式，可以通过设置模板来实现。我们还可以通过添加其他样板来达到我们要的效果。AlternatingItemTemplate : 实现交叉显示数据。与原ItemTemplate的模板交叉显示数 据SepartorTemplate: 分隔符样板。可用于分隔数据行。HeaderTemplate: 标题样板。显示与所有数据的最上方。FooterTemplate: 结尾样板。显示与所有数据的最下方。其设计形式同ItemTemplate一样。只需将你想要做模板的部分用标记符包围即可。通过Dreamwaver MX来插入代码可以有快捷方式。点击Insert面板的ASP.NET标签，然后点击标志，就会弹出标记符添加对话框。选择ASP.NET Tags中的Templates项目。你就可以从中选择你想要添加的代码。Dreamwaver MX会在你原来输入光标在的位置上添加代码。[图 2-1 添加标记符对话框]下面是AlternatingItemTemplate，SepartorTemplate，HeaderTemplate，FooterTemplate的代码，可将其插入到< ASP:Repeater >< /ASP:Repeater >中。< headertemplate >< font color="#666666" size="4" >All Location< /font >< /headertemplate >< AlternatingItemTemplate >< table width="75%" border="0" bgcolor="#CCCCCC" >< tr > < td width="17%" >Location Name< /td >< td colspan="3" bgcolor="#CCCCCC" > < %# DataSet1.FieldValue("LOCATION_NAME", Container) % >< /td >< /tr >< tr > < td >City< /td >< td width="34%" > < %# DataSet1.FieldValue("CITY", Container) % > < /td >< td width="24%" >Address< /td >< td width="25%" > < %# DataSet1.FieldValue("ADDRESS", Container) % > < /td >< /tr >< tr > < td >State< /td >< td > < %# DataSet1.FieldValue("STATE_COUNTRY", Container) % > < /td >< td >Code< /td >< td > < %# DataSet1.FieldValue("CODE", Container) % > < /td >< /tr >< tr > < td >Telephone< /td >< td > < %# DataSet1.FieldValue("TELEPHONE", Container) % > < /td >< td >Fax< /td >< td > < %# DataSet1.FieldValue("FAX", Container) % > < /td >< /tr >< /table >< /AlternatingItemTemplate >< separatortemplate >< hr width="70%" align="left" >< /separatortemplate >< footertemplate >< font color="#666666" size="4" >End< /font >< /footertemplate >当IIS解析代码时就会根据关键字将模板放入相对的位置，取得原来所要求的页面。以上程序所生成的页面如下:[图2-1 最终页面]Repeater组件可以建立更自由的页面，但是其每一行只可以显示一组数据。想不想建立更加自由的页面，那就让我们进入下一节用DataList控件来显示数据吧。
单反相机入门教程: 单反相机菜单的调节
本文出自《跟我学摄影:数码单反实战入门手册》一书，由(英)Digital Camera杂志著作、《影像视觉》杂志编译，本文由世界图书出版公司·后浪出版咨询(北京)有限责任公司授权发布，未经允许请勿转载。 掌控菜单：按照我们的操作指南，设置好你的数码单反相机，让它为拍摄做好准备。 如何对数码单反相机进行设置，会对你最终拍的照片产生很大影响。在这里，我们将向你解释，拍摄漂亮照片所需要的一些正确设置。正确选择图像质量是按下快门之前最重要的工作，它决定了照片是用多大分辨率拍摄的，并会影响照片的打印尺寸。将曝光模式转盘调到自动模式，然后按下Menu键(图1)。 图1 选择“画质”菜单，你会看到佳能数码单反相机提供了6种不同JPG图像质量选项(图2)——图像分辨率分为大(L)、中(M)和小(S)，每种分辨率下又分别提供了两种设置：精细和普通。 图2 普通设置能让存储卡容纳更多照片，但会对图像进行更大程度的压缩而让画质有所下降。在菜单屏幕右上角显示的数字是照片的像素数。不同的画质决定了存储卡能够存下的照片的多少。一张512MB的存储卡能够存下大约110张大尺寸精细画质的照片(图3)，如果换成小尺寸普通画质设置的话，则能存下 710张(图4)。不要为了多存些照片而用小尺寸分辨率模式拍摄。在你拍到一张很棒的照片时，你会想要把它放大打印出来，但在小尺寸设置下拍的照片，其打印尺寸通常很难超过4×6英寸。如果选择用大尺寸拍摄，那么你的照片起码能被放大到A3尺寸(420×297mm)。 图3 图4 控制白平衡
最新发布
写给新手的情感化UI设计简明指南
今天来聊一下情感化的UI设计。在用户和UI之间建立情感联系是构建用户信任和依赖关系的关键因素，而实际上要做的事情比听起来麻烦得多，因为需要考虑的因素更多。情绪是广泛的、复杂的，它容易受到影响，但是也很难改变。而这也是我们今天要思考的事情，什么是情感化的UI设计?如何创建一个能够唤起用户情感波动，构建情感纽带的UI界面?这应该就是你的下一个设计项目中应该仔细考虑的事情。情感化UI设计其实，从电子邮件、短信和社交媒体帐号当中，我们可以窥见情感化UI设计的影子。我们日常交流中，每天发出去的那么多表情符号，可以让别人清楚得了解我们的感受，而这就是情感化UI的一种呈现形式。情感化UI 是网页设计领域的新圣杯。它是高度可用的界面和内化情感联系的结合，无论是快乐还是悲伤，是愤怒还是愉悦，当用户同一个设计精妙的情感化UI界面交互的时候，就能第一时刻感受到。让用户从界面中感受到情感和情绪，总好过什么都感受不到的设计。用户在同界面进行连续交互的过程中，逐步的变化可能会牵涉到一系列不同的情感情绪，而这些是你需要考量的。当然，其中最重要的事情在于，真正触发情感的是你的内容与相应的设计，它们也是你所讲述的故事的核心部件。用户所产生的情绪最好不要来源于你的网站或者APP本身——比如不要用户因为糟糕的体验和不可用的模块而感到沮丧。正如你所知，人是一种颇为复杂的生物，用户很少能够清晰地判断自己的感受并准确的表达出来，不过好在还有一些理论和方法能够帮你完成这项工作。正确的情感
6个配色新人应该学会的色彩知识点分享
今天腾讯的余盼Designer从色彩构成、色彩联想、情感化设计、秋冬流行色和案例分析等6个方面聊聊色彩在设计中的应用。首先是色彩的构成。色彩分为有彩色和无彩色两大类。后面是现在很火的性冷淡色的介绍。无论是有彩色还是无彩色，都有各自的表情特征，任何色彩的表情都有其积极的一面和消极的一面红色系列
如何做出双11最受欢迎的电商设计风格
天猫官方的双十一预热页面刚刚上线，这不，优设就请来了京东的视觉设计师骨头君，帮大家分析双十一电商设计的流行趋势，包括场景、配色、角度、标题、辅助性元素等，干货+趋势，绝对值得一读。欢迎关注作者的个人公众号「三根设计骨」首先放一张天猫11.11入口图：红金搭配、依然豪气的不要不要的。今年的天猫双11给大家的感受是什么：牛逼、炸裂、绚丽，过目不忘、流连忘返?那么页面还有那些地方出彩的呢、所以在这里我通过几点分析给大家：第一、售卖页主会场一：场景
实战案例帮你学会基于场景的设计方法
移动终端由于被用户随身携带，变成用户身体的延伸，在每一个场景中，深度陪伴着用户。也因此，移动终端获得天然的优势，得以针对用户实际所在的场景来设计，以设计出更加贴心的体验。 但是，由于设计师与用户的空间相隔，无法看到用户在真实场景中的使用情况。为了了解用户的痛点及需求，我们需要通过场景设计的方法，对用户使用场景进行分析或预期。基于场景的设计可以帮助设计师找到用户与场景的内在联系，探索新的功能及交互方式。 本文将以案例为主介绍基于场景的设计方法。什么是基于场景的设计？什么才是基于场景的设计呢?以看电影为例，在整个看电影的过程中，涉及到的主要场景有以下六个：线上买票-去电影院-线下取票-检票入座-观影-评论吐槽。基于看电影涉及到的场景，格瓦拉app设计了一个基于场景的功能：当用户在格瓦拉购票成功后，首页会出现一个人偶小浮标，在不同场景下点击该浮标，会出现不同的内容，例如在去电影院的场景下显示影院地理位置以及滴滴打车入口;线下取票场景显示取票二维码可以快捷取票;线下取票后再点击小浮标显示电影开始时间以及座位号;观影后显示别人的评论以及吐槽入口引导用户去评论(如图1)。对上面的案例总结归纳后可以得出，格瓦拉是基于用户看电影这一系列场景的判断与分析，理解用户每一场景的痛点及需求，结合上文场景，预期用户下一步的目标及意图，通过设计缩短关键流程，辅助用户提高操作效率。通过对大量案例进行分析归纳，将场景设计的概念简单归纳为：基于场景，理解需求，预期意图，进行设计。再来看一个另外一个基于场景的设计案例——拍立淘。拍立淘是手淘中的一个功能，主要通过对线下产品拍照并识别，辅助用户在淘宝内快速找到该货品。大家可能经常有这样一种购物场景：在线下店试衣服，到淘宝上找同款购买;在杂志或图片上看到喜欢的单品，在淘宝上找同款。通过分析这两类相似的场景(基于场景)，发现用户在当前场景的需求是快速在淘宝上找到该货品(理解需求)，并预期用户下一步的行为是通过淘宝搜索功能搜索该货品(预期行为)。因此手淘在搜索框添加了拍立淘的功能，可以帮助用户通过拍照或图片识别快速在淘宝中找到目标，提高操作效率，给用户惊喜，让用户感动(进行设计)。怎样基于场景做设计？基于场景的设计可以帮助设计师分析需求，找到设计机会点，那么怎样基于场景做设计呢?通过对大量案例的分析及归纳，我们总结出了基于场景的设计方法-场景设计四步曲(如图2)，以及场景挖掘工具卡片(如图3)，场景设计四步曲将场景设计的方法通过四个步骤来表示，包括场景列举、机会点挖、设计策略、衡量标准;场景挖掘工具主要应用在场景设计四步曲中的前两步，对关键场景进行描述，以及帮助设计师更清晰地应用场景设计四步曲中的方法挖掘机会点。接下来我将对场景设计四步曲进行细分拆解，来讲述每个阶段我们需要做的事情。
详细解析设计师应该学会的最优工作流程
前段时间参与设计一个较大的线上活动，包含十个奥运相关小游戏及一些相关界面，前后历时几个月。奥运后活动下线，设计工作完结后，我整理了这过程中的收获及工作方式，和大家分享下。立项前信息收集与准备有些大型项目是很早就规划了要做的，只是具体哪天立项发邮件或哪些人参与还没确定，如果知道要自己要参与这件事，可以做些准备工作，提前了解一些信息：项目人员。了解各个职能的接口人是谁，运营、产品、视觉、前端、后端、测试等有谁参与，有些人可能之前都不认识，大家的工作方式和性格也不一样，提前了解认识下，对后期合作和方案推进会有帮助。最新信息。保证自己了解到的信息是一手资料很重要。和各方沟通过程中收集下项目的背景、目标、投入的资源、方案的思路及活动体量、以及可能的用户利益点、项目时间点(通常deadline是确定的)等等等等。这些信息可以通过产品和运营了解到。如果是公司的例行活动，能够拿到以往活动的数据和资料当然是最好，如果没有的话也尽量找到以前做过类似活动的人员了解一些前人的方法和经验。别人的想法。项目组人员总会有自己的想法和方案，有时候甚至方案是比较确定的。尽早的了解到产品或者运营的想法可以预估个大概的时间节点和需求，做到心中有数。如果有好的想法这个时候提出来也最容易被采纳，毕竟时间上一切来得及。立项时信息确认从接触到正式立项这段时间免不了会有些因素变动，当然也有确定下来的，确定的东西越多对设计做规划也就更有帮助。确认人员确认目标
5条2017年即将惊艳设计圈的设计趋势
今年年初的时候，我写了一篇关于2016年设计趋势预测的文章。一方面为了记录自己观察到的一些现象，一方面让自己养成每年总结的好习惯。回头一看，记录下的点滴竟然逐一变成了现实，不禁感觉非常幸运。今天我来分享一下我自己对于2017年设计趋势的观察。我会谈到以下5点：微交互将会大量主导产品设计细节平，却不再那么平了，颜色，字体和质感将成为设计师追捧的视觉利器The internet of everything真正崛起，将增加设计的复杂度人的距离将会无限被拉近触觉声音3D，我的五感都可以有交互阅读时间大约5分钟。微交互将会大量主导产品设计细节
详解LOGO设计的常规思路和流程是怎样的
这边分享下我对这个问题的看法和我设计LOGO的一些方法和方案，包括设计前/设计时/设计后的思考，以及实战中的LOGO 设计手法和3个实用的案例分享。内容摘要LOGO的见解设计前的思考设计时的思考设计后的思考LOGO的设计手法案例分享LOGO是一个品牌的脸蛋在我们这个看颜值的时代，我们说他重要他挺重要的，说他不重要，他还真的没那么重要，好的脸蛋可以帮助吸引第一波消费者，让人感觉到愉悦，顺便记住你长什么样叫什么，这样的话，这张脸基本可以完成他大部分使命了，如果他是一个有脸无情商的人，你跟他聊完一次之后基本也没下次了。所以要让消费者持续被这个脸蛋吸引，是这个脸蛋背后的性格和他做了什么事情，例如他卖的东西好不好，他买东西的时候有没有骗过我，他的提倡价值观是否和我一样等等。
50款优秀的美食排版设计作品技巧
看完这篇美食排版究极宝典。，帮你掌握50种最常用的美食排版设计方法。1. 食材拼贴By Evo Agency类比于文字云的话，这种表现形式倒是可以总结为“食材云”，每一道美食都有它的专属食材，新鲜的食材经过不同的烹制成为新的大餐。用食材拼贴成美食的样子，就像一块透明的机械表，看到内里的美与香。2. 混入文字层by Cheungyoon Kim将新鲜的蔬菜、水果跟主题文字同样作为设计的素材，在画布上交错排布、水溶交融，双重强调，提升设计感的同时表达意味，甚至美味。3. 贯穿始终的主题色
20个提升品牌效果的平面设计技巧分享
这篇译文分享了20个提升品牌效果的方法，附大量案例演示，建议阅读哟。内容目录1. 远离电脑。2. 利用鲜明的色彩。3. 使用复古字体。4. 添加具有独特意义的细节。5. 使用有趣的字体。6. 利用波浪形。7. 利用字体重叠。8. 小心最小的阶层。
如何从交互设计中浅谈文案设计这件小事
在4A公司中有一个专门岗位，叫广告文案师（Copy Writer），专门负责广告文案的撰写。在互联网环境中，这类岗位就很少啦（据说以前有，后来都各自转岗了）。目前营销活动页面上的文案大多是由运营同学提供的，但运营同学提供的文案往往是从商业角度出发的，而不是从用户角度。既然提到用户，那交互设计师自当站出来，总结一下最近的思考。当然，这里的“文案”不是单纯的指看到的文字类信息，而是广义上的整体包装感受。看多了别人写的文案，也尝试自己写文案，渐渐发现：写文案就像与人说话，要言之有物，有效的互动。提到说话，我们第一想到的就是聊天。聊天更多的是三两好友，天南海北的打趣逗乐吹牛B，悠哉消磨时光。而这里提的“说话”，更像是一场分享、一次促膝长谈。围绕一个主题，深入剖析，互相交流后各有所得的状态。 —— 这是我理解的“有效沟通”。当然，现实生活中的沟通大多近距离的，有面部表情等肢体动作，更加直接有效。而在屏的这头与那头，少了这两大因素的同时，也多了更多的干扰因素，如网络中断、现实生活中的叫停等。因此，我们更关注页面/站点整体的呈现。文案不是单纯的指文字部分的信息，还包含创意包装等内容。假设，我们了解将要沟通的对象，在沟通前还需要想好此次沟通的目标，确定好主题，匹配沟通内容。沟通过程中，关注内容是否能被理解，最后是否达成共识，完成沟通目标。而在营销活动中，我们要先确认活动的目标，了解该活动面向的受众特征，确认活动的内容形式，整体包装后传达给用户，关注用户是否能清晰准确的得到信息，并达成共赢。