推荐阅读
8个你需要知道的2017年UI设计流行趋势
2017年马上就到了，今天�心病狂十六夜� 这篇译文总结了明年可能会流行的8个设计趋势，一起来收。UI界面的设计趋势是不断变化的。随着时间的推移也在不断的成长，进化。虽然有些趋势还有待检验，但我们还是需要不断的去学习新的技术。优秀的UI设计是包含了简洁和易用性这两点。这也是每个设计师的职责。但是相反的，如果用户在使用时完全摸不着头脑，对UI设计来说就非常失败了。设计趋势变化的理由需要考虑各种各样的因素。例如2015年推动设计变化的原因是硬件的变化、移动终端的响应能力增强。在已经发布的众多应用中，有人气的功能将迅速转变为必需品。此外当今社会90%的年轻人，都在通过移动终端进行着基本操作。那么，让我们来一起看看2017年的设计流行趋势吧。目录隐藏菜单Touch ID的完全支配
PS抠图抠出透明的玻璃灯泡图片的Photoshop抠图教程
最终效果原图1、把原图素材保存到本机，打开PS软件后再打开保存的灯泡素材，如下图。2、在工具箱选择“钢笔工具”，在属性栏选择“路径”。3、沿着灯泡轮廓抠出下面所示的闭合路径。
Photoshop给美女照片添加唯美雪景效果教程
效果图与原图：1、首先我们拿到原图进入Camera Raw，首先我们看到数据直方图右上角，有个白色三角说明图片偏爆，但是是白色说明爆的不偏色，如果是其他颜色说明偏这些色彩。有时候摄影师常常拍片会有误区，总觉得拍出来的片子在相机里面很好看几乎接近出片了，可是在Camera Raw里却会发现很爆又灰，那么为什么呢?因为相机显示图片小而且显示屏跟我们的平常电脑显示也不一样，还有就是丢到Camera Raw里会还原一些数据，所以摄影师一定要学好Camera Raw，因为在原格式照片里相机和Camera Raw调整想要好的品质。那么就配合在一起。所以在前期拍摄的时候千万不要拍的太过于亮。因为在Camera Raw调整从亮到暗做的费劲控制不好也可能不自然，从暗到亮那么就可以挥洒自如。呵呵，说了一些小知识，希望对你们有帮助。2、所以我们第一步先校正曝光和图片的密度和整体的色彩，因为原片过亮所以处理适当不要太狠，保留很好的过度关系和亮度就好。那么很显然我们要走冷一些，但是对于这种比较亮得片子劲量不要让肤色太冷，不要出现太浓色彩即可看参数。3、好我们看转好的片子，可能对于原片来说暗一些，但是我们后面就会有更好的处理空间，色彩也会很好的着入。
9种实用围巾花式系法
围巾系法一：反式扭转 将围巾尾部往背部摆动，多余的围巾部分隐藏在围巾中。 单品推荐：抽须纱棉素色围巾 材质柔软细致又兼具轻薄飘逸特色的纱棉材质抽须围巾，宽版剪裁加上柔软的质地，不论垂坠使用或多圈缠绕都很出色好看。柔和的质感加上耐看的素面款式，不论搭配何种风格服饰都很适合。共有八色可供选择!
最新发布
浅谈伟大的产品必定具有优秀的主旨
伟大的产品为何精妙绝伦?对于界面设计与交互行业来说，伟大的产品的要义在于能够愉悦用户。但是数码产品的研发是一件繁琐复杂的事情。一款成功的产品，从研发到传递给用户，需要整合多个不同行业的团队，使他们协调高效工作，尽管很多观点表明，所有人的观点很难一致。因此对于团队管理与合作来说，这是个很大的挑战。因此也就不难理解，产品从研发到推向市场，平均成功率不足25%在软件开发的时候，就很难维持“打造优秀视觉传达”的理念，因为他们会想，我们只管开发，至于视觉，管他呢。设计师往往要考虑到产品整体的视觉效果，而不是低级工作。我们被要求做好各个方面的视觉设计，力求完美，而不仅仅只是几个关键点是哪个的视觉优化。通过线框图、界面设计规范，我们埋下了视觉的种子，考虑着诸如手势交互、适用性，以及用户操作流程的问题。作为一个设计师，或者作为团队中的任何一个成员，我们该如何提高产品质量，提升产品的成功率呢?答案其实很明显，我们观察近几个世纪作曲家、艺术家的创作方式，我们发现，他们在创作过程中都很注意主题：通过整体的效果，去突出表现某一特定思想、情绪。在音乐、艺术、设计中，主题指的是：那些能够将整体衔接的、单一的、但是鹤立鸡群般突出的元素。在艺术、文学、音乐中，主题通常指的是意境突出、不断点明，具有象征性意义的中心思想。主题能够超越媒介，以微小的存在激发巨大的思考与灵感。在绘画中，主题可以用颜色、氛围来表现。在音乐中，主题可以用音符、旋律来体现。19世纪和20世纪那些伟大乐曲几乎每章都有明确的主题，每个音符都要经过深思熟虑，以便组合起来成为富有思想的乐章。主题明确是产品质量的根本所在
浅谈如何给你的网站增加品牌价值？
品牌是有力量的。当一个企业成功的塑造了一个品牌之后，它几乎可以使人以为是品牌自己的力量在做市场营销。客户需要有足够的信任才能把辛苦挣得钱花在你的产品和服务上。他们会用自己的方式来宣传品牌。客户在信任的品牌前不会思考两次是否购买此产品，因为他们相信这个品牌会给他们想要的回报。品牌把具有的价值嵌入产品中了。*的品牌在大型的企业集团公司中价值数十亿美元。每个公司都应该努力创造一个品牌。由于建立网站通常是建立品牌的第一步，这里有几种方法可以使你的网站给你的品牌增加价值。简洁几乎总会出现在成功的故事中：这就是我们人类的样子。我们可能会觉得有一些复杂，简单可以缓和一些事情。也是一种把事情完成的方式。尝试一些复杂的事情会降低你的成功率。保持你的网页设计简单。如果你是一个小企业，那么你只需要一对夫妇的做的网页和博客(也可能是精心布置店面)。你不会需要大量的内容。你当然不需要闪光灯。你会得到你想要的，不是吗?网站是为别人而做，不是为了你让我们回到生活，没人在乎你，至少并不像你认为那样。大多数企业最终建立网站是为了炫耀他们是大企业还是成功的。他们的”关于我们”页面像一个未完成的书。他们的博客文章几乎都是关于他们参加了，周末聚会，他们庆祝员工的生日，他们的产品的全新功能的会议。这所有的一切是好的，只是不那么重要。着眼于建立和维护您的读者，访问者或客户的网站。别做的太自我，客户不关心。第一印象元素由于所有的企业都是从零开始的，没有品牌可言，还有不知道你的产品或服务有多好，在这个时候，没有经验或证据。有几件事情，仍然可以让客户信任你。这些元素可能看起来很平常和微不足道，但他们其实不是。假设你用了一个朗朗上口的名字来建立自己的品牌，创建简单的标志，抓住了你的品牌代表的意义。设计一个这样的标识，需要成本，但它是非常值得的。你的网站中放置按钮的颜色，文本排列的方式，你的网站的响应性和图片都将是你的王牌，这些是你的在建立品牌的最初阶段中所能做到的。它表达了什么?
设计师教您如何选择优秀的网页字体
优秀的网页意味着设计人员对页面的精雕细琢，在这一过程中，我们既要接受规则，也要乐于发现并掌握新的工具，努力让生活变得更简单，设计更优秀。 其实网页的字体和真实的字体没有本质上的区别，所以我很不赞同”网页字体”和”真实的字体”不同这一说法，只能说它们的每个应用比如说网页字体、铅字、海报字体以及电影字体都有自己的特色和限制，但是归根究底，它们是同根生。本文主要是告诉大家该怎么挑选网页的字体，我们收集了一些好的方法，关于怎么选择字体类型，怎样设计字体的细节，研究浏览器特性等等，这些都是网页设计进程中的一部分，快来看看吧~选择合适的字体类型在选择字体类型的时候我们很犹豫，因为要考虑的因素太多了，包括网页的用途，网页侧重以及网页类型。但是，作为一个设计师，当然要从”设计”的角度去看问题。现实很残酷，如果我们选错了类型太阳明天还是会照常升起，但是你要记住：选择字体类型这一决定是每个设计决定中最重要的环节，不管你做的是什么项目。在选择字体类型时，我们要考虑文字的内容吗？要从历史或地理角度考虑吗？这就看你对自己的要求了。比如说，你正在为一个德国博物馆做项目，如果你能选择德国设计师在这一时期设计的字体类型，给人的感觉会不会更好一些呢？想了解这个的童鞋可以戳Typedia 。 你要相信，在网页设计这一领域，功夫比直觉更重要。使用实物模型 一旦发现心仪的字体，你要看看这些字体是否适合文字内容， Typecast 是一个极好的测试工具。 使用此工具，你可以将文字内容、标题、副标题一一展示出来，并且是模拟真实浏览器的场景哦~同时这款工具还会建议你，哪些字体组合在一个网页上最悦目，真实极好的~模块化比例使用这一工具你可以找到最适合网页的字号。比如说，我们设定字体基本尺寸为16像素，应用到黄金比例（1：1.61803，从向日葵的漩涡中发现的比例）这个结果是6.1，10，16，25.9，41.9，67.8。这些就是你可以使用的字号。大自然是一个好地方，当你需要灵感的时候不妨站起来观察一下~ 什么？你担心使用这些工具做出来的设计会不会太刻板了？NONONO，使用这些工具确实会给你的设计带来一些跟其他人相同的元素，但是我相信这比你偶尔大显身手有用多了。 想要了解更多关于modular scales的知识，请戳Tim Brown’s excellent article for A List Apart （Brown创建了 Modular Scale ，这是创建模块化比例的主要工具）
设计大师教您聊聊网页上的微创新
近几年流行“微”。比如什么微电影啊、微博啊、微信啊…也从某个角度说明，把一个点做好就很容易得到用户的青睐。最近大土豪苹果公司发布了他们的全新产品5S和5C，大伙反映在设计上并没有和上代有明显的区别，主要是在一些小细节、小东西上的优化。想来每一代的苹果跟上代比也很少有颠覆性的改变。(当然品牌的延续也是一部分原因)什么是微创新?乔布斯说过，所谓的微创新，并不是让你把过去的东西都推翻掉，而是在过去的基础上不断的调整和变化，甚至可能只是调整一点小小的功能，但是最后给客户带来的体验是非常棒的，这就是微创新。对一个成功的产品来说，再进行颠覆式创新也意味着风险。细细想来，目前市场上的这些成熟的产品已经很少有那种大刀阔斧的创新了。微创新这个理念和范围太大，涉及各行各业，下面我们主要聊聊网页中的“微创新”吧。网页功能上的微创新以百度举例，搜索服务是百度的核心功能，所以针对百度的搜索服务，百度进行了大量的微创新和尝试。下图是我找的百度的一些做的很棒的微创新。很多人可能都没有留意百度的字号，百度小字并没有采用平常的网页中常用的12号和14号字体，而是采用的13号字体，这样字体大小也比较合适.适于阅读。网页交互中的微创新网页中还有许多小创新也能瞬间就能让你对这个网站的用户体验变的更好。
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去LouisVuitton的店铺时，你不可能会看到有Chanel或者其他品牌风格的包包罗列在里面吧，LouisVuitton同一个系列的包，从手提包到肩包到行李箱，虽然产品上略有不同，但它们的细节和气质都是一致的，标识图形、埃尔泽菲尔字体以及颜色已经形成了其品牌的识别符号。甚至其衍生产品也都保留着LV独有的气质。我不是一个网游爱好者，但对游戏界面略有研究。当你在玩2D的阿拉德欧式风格的游戏，途中突然弹出一个3D的很唯美的又带有东方古典风的广告弹窗，肯定会觉得很不和谐吧。当你使用游戏中的充值币时，细心点你会发现消耗充值币的动画与消耗游戏币、消耗体力等消耗类的动画效果是一致的。其实每一款好的游戏界面都必须做到相关元素一致性、风格一致性、色彩搭配一致性等，这样才会给用户带来好的体验。还有就是你常看到的系列广告，他们系列感也是可以通过好些方式(画面表现手法，内容板式，slogan的位置等)来体现出视觉一致性，让用户可以直观出同一个产品的系列广告。
详细解析如何设计时尚有效的网页
想学习做时尚网站吗?购物网站、时尚作品集、时尚部落格或者杂志都可以呦，这些网站的一个特点就是——都灰常受欢迎。怎么样，你也心痒痒了吧?我相信在你看这篇文章的同时，就已经下定决心做一个自己的时尚网站，所以话不多说，直奔主题。今天要跟大家分享的是关于设计时尚网页的一些知识，希望你能有所收获~1.选择一个平台首先问你一个问题，你认为自己有足够的才华从头开始编写一个网站吗?如果答案是”yes”，那么你能很好的运用设计软件诸如Dreamwaver, photoshop, WebEasy, Web Creator吗?如果不能，那你可能要借助CMS平台了。你需要雇佣一个网页设计师或者一个专业团队，国内的话，可以去优设服务平台咨询。当然了，雇佣专业团队非常好，能快速建立网站，但是银子也是必须要花的哟!当然，若你是一个准备入行的新手，对自己非科班出身有疑问的话，推荐您看看这篇文章《非科班的我如何成为一名设计师?》。另外优设哥也曾推荐过一些经典的从零开始的网页设计教程，譬如《PS经典教程：从零开始设计一个漂亮的网页》，千万也不要错过哟：)2. 为你的网页选择一个时尚设计在创建网站时，你是否使用网页模版、CMS或者雇佣网页设计师这些都是小菜，主菜是：你必须选择一种能够即符合你的标准又取悦用户的风格。下面是一些模板展示：奢侈品模版你可以选择黑色或白色或者单一色的网页设计，这样看起来会很经典，就像香奈儿的小裙子一样。但是呢，就像香奈儿的小裙子不会适合所有人一样，黑白也不能hold住所有的风格，这时候你就需要做深思状了，好好思索你的网站独特性是什么。
详细解析网页设计中负空间的使用案例
在学设计的过程中，老师可能告诉过你一个网页中的空间分类，如果你不知道的话，是不是上课没有好好听讲…好吧，如果你不知道的话，那我们就换个话题得了…哈哈，逗你玩的，今天我们还是要来说一说“负空间”这个概念，它到底是什么呢?有什么作用?在网页中占多大的分量呢?如果想知道的话，就好好看下面的文章。什么是负空间?可能有些童鞋还不知道负空间和正空间的基本概念是什么，今天正好天朗气清，就让我们来聊一聊…众所周知，在设计领域空间有两种类型，分别是正空间和负空间。正空间包含网站里的所有元素，比如网页内容、导航和图片等等;负空间(经常被翻译成白色区域)包含所有的空白区域，比如文字内容旁边环绕的空白部分，这部分将各种元素分开，帮助建立了网页的格局，指导用户在正空间里浏览。现在明白一些了吗?明白了我们就继续咯~在负空间里也有两种类型，微型负空间和巨型负空间。微型负空间是小元素周围的空间，比如说段落之间的空隙，字母与单词之间的空格等;巨型负空间是指大型、核心元素之间的空隙，比如页眉和页尾之间。YeedorFriendship HamburgMoving Things Design Company
详细解析如何丰富APP动态效果的六点原则
这篇文章是百度云UE负责人elya妞撰写的，从动效的6个方面详析怎样借移动应用强力提升APP品质，篇幅虽短，但是总结精炼，很值得一读。如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机;丰富的动效可以让你的应用彰显效率，提升品质感;丰富的动效可以让你的应用充满魅力，引人探索;丰富的动效可以让你的应用减少焦虑，消除等待感;丰富的动效可以让你的应用充满韵味，有节奏感;丰富的动效可以让你的应用有出奇的信息组织，整洁高效。这里主要介绍六种简单通用的方式 ———— 转场、邀请、过渡、反馈、缩放、吸附。原则一：转场由于手机屏幕空间有限，更多的内容会被隐藏在屏幕后边，或者屏幕的左边、右边、下边，转场动效能帮助应用营造一种空间方位感。转场动效是目前应用最多的动效种类，毕竟iPhone、Andoird、Wp7都有提供一些官方的动效的API，一些简单的动效可以直接调用官方API来完成。Android官方动效8个，iPhone官方动效19个，WP7官方动效6个，具体几个平台的动效有哪些差异，后续有机会分享。原则二：邀请直接提供邀请，告知用户可以做的事，效果最直观，引导性最好。但是要注意操作邀请一定是需要突出的主要功能或任务，不能什么功能都邀请用户试用一下，要知道，大部分用户只用到你应用里的20%就算不错了。邀请不能过于强制，如非必要，中断用户正在执行的操作是很不礼貌的行为。
合理的利用对齐来提升网页的设计感
利用栅格系统进行对齐，这是很常见的事情。本文谈论的对齐可不是简简单单的左对齐和右对齐，我们谈论的是整体角度上对齐的一些方法。合理的对齐能让你的设计更诱人，也能更方便用户浏览，提供极佳的阅读体验。几乎页面上所有的元素都需要对齐，无论是文本，还是图像，抑或一组组视频，以及一堆堆按钮和链接。栅格能够帮助你进行对齐，但是不同的元素对齐方法也不尽相同，各自有各自的奥妙。不要为了对齐而对齐，要为了用户体验而对齐，这才是本文宣讲的目的。对齐决定了元素的摆放位置以及和其他元素之间的空间关系。好的对齐能够让元素与元素之间的间隔更流畅，让元素彼此的搭配更协调。为什么所有的元素都需要对齐?很多人不喜欢栅格系统，因为有所限制，他们不希望自己的创意受到妨碍。通俗上讲，栅格就是一大堆能够帮助我们创造区块的栏;而CSS中，排版的核心是盒模型，想要打破栅格很难。为设计加入对齐当然，并不是每一次都需要全部对齐。对不对齐，取决于你的设计作品或者工作方式。或者，可以在设计时不管对齐，大致创意完成后，再给设计加入对齐。要注意：不要因为对齐，而使设计过于死板，让网站丧失了趣味性和探索性。对齐意味着你需要开始钻研布局技巧和栅格了——不过这次不用6栏栅格，用的是4栏。全屏覆盖的栅格——6+4。使用软件为Gridset App.当你的设计很适合使用栅格布局时，那么请用之。让元素对齐栅栏，布局可选项非常丰富，即便是最简单的4+6。
让网页在各式终端奏响美妙乐章
科技在进步，网页设计的技巧也在进步。新的科技带来了新的挑战，因此，我们需要新的解决方案。有时，我们面对崭新的未知领域，实在是毫无经验，只能根据直觉去打造解决方案。而有时，我们在新领域面对的问题有过去的影子，我们可以从历史、别人的经验中找到答案。相对其他设计那漫长而又荣耀的历史，网页设计的历史有限，因此能给出的经验也相对有限，而我们又不得不借鉴这段有限的历史去解决近乎无限的问题。虽然图形设计和视觉传达艺术的经验我们也可以学习。但是网络完全不一样，我们不应该被束缚，因为网络的本质是自由。如果我们能够分析出问题的因和果，分析出问题的组成，那么问题就好解决多了，世界上任何事物都有一定的规律，有章可循，我们可以向一切学习，获取灵感，从而解决问题。即使是音乐和心理学这种不相关的领域，我们也可以从其中找到解决问题的答案。即使是约翰·塞巴斯蒂安·巴赫的乐章，其中也暗藏着迎接挑战的方案。本文我们将进行一次历史的穿越，让那个时代伟大的艺术家巴赫来解决网页设计中的问题——网页设计，该如何适兼容性不尽相同、特性各异的不同设备。巴赫和他的十二平均律1722年，巴赫收集整理了自己的键盘曲集，打算用此来为年轻的音乐家教学。这本曲集包含了48首曲子——从C到B有十二个音，十二种调性，每种调性包含了大调与小调。调式总和为24，而每一个调都写了前奏曲和赋格曲，共计48首。现在成为了西方音乐的主要规范，这是西方音乐史上总重要的作品之一。巴赫将此命名为平均律你要知道巴赫时代的钢琴是古钢琴，和现代钢琴不同，那时候的键盘现在看起来也很非常规。古钢琴的发音原理是：通过羽毛管的拨子拨动金属弦发音，且击弦后立即脱离琴弦的装置，所以无法连续弹奏，一次只能弹一个键。在那样落后的时代，想要将十二个大调弹奏的合调，是很艰难的。因为在巴赫的时代，所使用的调律法节本上是纯律，这很不利于转调。想要改变物理规律很难，但是人类的观察角度却很容易转变。问题：无法和谐的弹奏。原因：1.钢琴物理因素。2.弹奏无法合调。既然物理上改造钢琴很难，所以巴赫换了一种角度来思考，他将问题重新定义，主要致力于“合调”问题的解决。巴赫将8度音程平均分为十二个半音。这样，问题就得以解决。这种折中的、系统性的解决方案被称之为音律。巴赫十二平均律中第一首前奏的开头部分(图像来自：*)这种因巴赫而驰名的、可以用来解决问题的音律系统被称之为十二平均律，今天西方音乐的“均分律”和“平均律”有一些差异，但是他们的目标是一致的：使每个按键略有差异(或者说是略有瑕疵。，这样就能合理利用全键盘。这是音乐上的实用主义。