推荐阅读
PS制作非常漂亮蓝色水晶相框
本教程非常详细的介绍蓝色水晶相框的制作。作者制作的时候非常细心，光感调的非常到位，尤其是那些光光的地方作者做得更是绝美，每一个小的地方几乎都是很完美。非常佩服！ 最终效果
家具公司网页
家具公司网页的页面在设计上，使用了一张怀旧的家具照片，并将该照片和一个红木柜子并列安排在页面的*，形成相互对比、相互衬托的画面效果，在设计过程中，要注意比例关系、色彩关系、疏密关系等，使之构成具有美感的整体关系。如图10-59所示，为本实例的完成效果。图10-59 本实例完成效果在棕红色调的图像中，一幅黑白照片打破了这种色调的，同时也打破了规则的构图方式，使画面变得活泼，具有了动势。本实例的制作中运用了大量的素材，其中红木柜子是刻画的重点，通过添加图层样式效果制作出柜子的立体效果和光泽变化，柜子上的装饰图像使用了大量的素材，为素材图片添加图层样式以及调整素材图片的混合模式，使其在柜子上的效果更加真实自然。如图10-60所示，为本实例的制作流程。图10-60 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图10-61所示设置“新建”对话框，创建一个名为“家具公司网页”的空白文档。图10-61 设置“新建”对话框（2）在“图层”调板中新建“图层 1”，将前景色设置为深褐色（R123、
Frontpage2000值得学习的10个操作技巧（上）
1>页面的传输报告显示为了使你更方便的了解网页的实际浏览情况，在Frontpage2000中提供了页面传输报告的功能，你可以清楚的获取当前网页以不同的传输方式需要的时间，从而确定网页大小及整*作是否合理。在编辑窗口的状态栏中图标右边右击鼠标，会弹出传输方式选项列表，如图：其中包括了普通MODEM（14.4,28.8,56K），ISDN，T1，T3等几种常用接入方式，选定以后在状态栏中会显示出当前的传输方式及完全下载需要的时间。2>直接制作超级连接翻转效果鼠标悬停的连接对象变换效果在网页设计中是经常见到的，记得在以前的Frontpage98版中需要Css样式表（stylesheet）来完成，虽然操作起来并不是很难，但对初学者而言理解起来还是有些晦涩，2000中的“傻瓜”式设置应该说帮了一个大忙，你可以不懂什么是CSS，但效果同样精彩。在网页“普通”编辑模式下，右键选中“网页属性”菜单，同时指向“背景”标签，启用格式部分中的“启用超连接翻转效果”复选框，这时下面的“翻转样式”按钮会变成可用状态，点击进行具体的设置，即鼠标悬停后的样式，如图3>网站的自启动设置默认情况下，Frontpage在重新启动时总是自动进入一个“新网站”窗口中，而不是你上次编辑过的网站，这时你不得不重新打开目标网站，相信通过下面的设置你就可以完全避免这一点了。“工具”-“选项”，在常规选项卡中勾取“在启动Frontpage时，自动打开上次打开的网站”，重新启动一下，是不是没问题了。4>边框及阴影的使用在网页中我们会经常看到一些类似的边框效果，而这些边框大多是通过表格或是特定的图片组合形成的，不过2000中边框及阴影效果的引入，可以说又给大家提供了一个好的方式，并且通过他们还能够实现内容的定位等等。“格式”-“边框及阴影”，进入边框阴影设定窗口如下：设置：即边框的“四边”是否封闭设置，可以直接通过点击窗口中“预览”部分四个方向的按钮来实现。当取消某一边时，设置栏中会自动跳转到“自定义”选项中。样式：选择边框的显示效果，其中提供了包括实线，虚线等在内的8中样式。颜色及宽度：设定边框的颜色和宽度，这里的宽度一般为1，当然具体情况可以适当调整。填充：通过给定内容距边框的距离确定具体的定位，可以自由设定大小。另外，点选上面的“阴影”标签时，可以进行背景色，前景色的设置。5>设定网页源代码的不同颜色标示虽然现在比较多的是在“设计”窗口内编辑网页，不过有时直接对HTML源代码操作也是必不可少的，设定不同代码的颜色区分，对于一个专业网页设计人员来说是非常重要的。“工具”-“网页选项”，选中“彩色代码”标签，同时启用“用颜色区分代码”的复选框，为不同的代码类型设置不同的颜色，当然有时为了统一标准，可以点击“恢复原始颜色设置”按钮以使用Frontpage默认值
最新发布
详细解析交互设计师应该具备哪四个素质
从今年4月份开始，我被安排负责一个直播项目，设计之路可谓曲奇坎坷，难得的设计经验让我对交互设计本身有了一些新的认识。结合自身的感悟，我自认为交互设计师除了专业能力的要求外，还应该具备以下素质：1，业务深度带来业务驱动力在工作之初，我认为无论负责什么项目，交互设计都是一种解决复杂问题的能力，从设计分析到设计产出是具有绝对的普适应;而且随着设计能力的提升，经验的积累，这种普适性更加凸显;这一层我并不否认，但交互设计师只聚焦于普适性可能永远都处于门外汉的水准;有机会专门负责直播项目，让我不得不接触和使用各种直播App，不得不和很多专门做直播的人合作，在这过程中，让我对于直播业务有了深入了解。举个栗子，比如设计一个直播的发布流程。通过简单的竞品分析，相信任何交互设计师都能交付出一个流程完整且合理的设计，这是交互的普适性;但实际上，直播却分为很多不同属性，比如资讯直播、秀场直播、体育直播、节目直播等等，不同属性的直播有着不同的业务需求;资讯直播性质敏感，有着非常严格的审核制度，所以如何方便审核才是关键，而且主播往往赶赴现场，多在户外，所以为了保证在弱网情况下的流畅度，切换画面清晰度成为发布直播的必备环节;秀场直播注重个人包装，多处于网络稳定的室内环境，所以发布流程不为高效只为华丽;节目直播时间固定，内容可预估，所以直播预告的提前发布是别的直播类型所不需要的;再比如，资讯直播内容严谨，主播提前试镜是刚需。诸如以上的知识，当你了解越多，你的设计才越接地气，这不是单靠普适性就能获得的。再举个栗子，频繁的使用各种直播app能够第一时间掌握竞品的动态，甚至比产品经理更早的知道竞品推出的新玩法与新设计，从而予以借鉴主动的去推动项目，而不是单方面的接收产品需求，这种业务驱动力慢慢的就转变为设计师的影响力。说白了，便是干一行爱一行的思维，不是说现在负责新闻App的交互，好像只琢磨资讯领域，业务变窄职业发展就会受阻，而是说无论你现在负责哪个模块哪个项目，都应该有迅速深耕业务的能力，而且这种素质应该是交互设计师必备的。正是因为自我驱动，才能让自己变得与众不同，在团队中不可获取;不过话说回来，业务深耕也需要有条理系统化的积累，此一节，也是我今日努力的目标。
5个专门写给UI设计师的创意训练方法
如果大多数竞品的UI 设计和交互方式都差不多，设计师如何才能突破限制，表现出独特的创意和技法？今天小乖乖老爸 这篇好文结合了自己的实战案例，来聊聊做出与众不同产品的5个方法。每一位 UI 设计师，都希望自己的作品是与众不同的，表现自己独特的想法和技法。当你看到那些巧妙的设计，会忍不住惊叹，「太赞了，为什么我想不到呢?」。如果只是模仿，或者「照着xxx抄一下就行了」，那我们的工作还有任何意义吗?所幸薄荷是家鼓励创新的公司，可以给到设计师比较好的氛围，去尝试和探索。我们宁可为了创新而创新，因为，刚需都被巨头们牢牢抓在手里了，你只有与众不同才会有机会，平庸的产品只会平庸的死掉。要做出创新的产品，做出与众不同的设计，有什么方法呢?接下来我们一起来探讨下。一、先来个套路「套路」这个词现在有点贬义了，的确，做人不要有太多套路，但是做事得掌握套路。想想职场上你敬重的前辈们，他们凭什么赢得你的敬重的?不就是因为在你手足无措的时候，他们掌握了一些套路，教你轻松化解了吗?今天跟大家分享的套路，是我在《从0到1》这本书里学到的。在这本书里，彼得 • 蒂尔提到，每次面试应聘者他都会问一个问题：在什么重要问题上，你与其他人有不同看法?这真是非常棒的问题，你可以用这个问题来问一个企业家、问一个产品经理，也可以用来问一个设计师，而且从他的问答中，你能看出他对这件事的思考。套路相当深啊!
优秀的交互设计有哪些主要评判标准
这可能是UX领域没有人能真正全面回答的问题，我也只是根据经验给大家分享一下自己的看法。主要想从几个方面来说：1. 什么是UX;2. 什么是好UX; 3. UX界的一些新观点1. 什么是UX首先，人机交互不是UX。虽然有很多的重合，但是并不是一回事。详情请见下图：从图里就能看到，其实UX是个非常大的范畴，不是大家所说的只有一个界面。你可以看到，视觉的部分，也就是visual design只是UX中的一部分。你和一个系统发生交互的时候，你内心的感受，你对系统的认知，你看到的视觉，你看到的文字，你听到的声音，到你对这个系统产生的认识(mental model),都是你体验的一部分，也是UX所应该关注的领域。其实想做一个好看的系统是不难的，但是想做一个好用的系统却不然。为什么呢?就是因为整个系统的设计架构会很大程度的决定你的体验。举一个很详细的例子吧。其实你和任何一个系统交互的过程就像是你到了一个新的城市，一开始你什么也不知道，你对城市没有你的认知和mental model，你在逐渐探索的过程中了解了这座城市，知道了不同的餐厅街道商场都在哪里。用户对于系统认识的过程也是这样的。你从一无所知，到熟悉一个系统，是通过与系统的交互逐渐熟悉起来的。你可以用路牌用地图让用户知道如何在一个城市里穿街走巷，可是你很难通过直观的让用户有归属感的来真正了解你的城市，这要是做UX最困难的地方，给用户提供良好的记忆辅助和对你的系统全局的认知。而以上说的这一切，都是UX的范畴。2. 什么是好UX
9个初级设计师应该掌握的工作习惯分享
刚迈入设计领域新人，除了学习专业知识，坚持正确的工作习惯也很重要，比如马良重生这篇文章提到的9个设计习惯，都是简单但长期坚持后能看到效果的，建议新人阅读。1，养成随改随存的好习惯谁敢说自己的电脑不会卡机不会死机?所以建议大家经常保持Ctrl+S的标准手势。2，对图层进行整理为主要的图层命名以及建立图层组，将源文件整理的“干净、整洁”是每个设计师应该养成的良好习惯，这样在你过了很久再回来修改文件，也不会浪费更多的时间。3，画矢量图形就用形状和路径工具通常大家在绘制矩形的时候会怎么绘制呢?其实好多种方法，个人觉得这里使用形状工具是最上上的选择。路径和形状工具的好处在于，你在经历了各种修改之后，图形依然不会损失质量。
13个设计方法设计真正轻量化的移动APP
无论是扁平化还是Material Design，简化图标元素都只是触及表象，想创造出本质上轻量化的设计，界面细节和交互上的考量也非常多，今天这篇好文，总结了13个帮你做出轻量化设计的方法。1. 创造更轻的设计（Lighter Design)什么是轻设计扁平化设计不再使用各种斜度和阴影，让app有了更轻盈的美感。这意味着通过运用负形空间来取代斜度和阴影，创造出一个只关注核心信息的、更为简洁的界面，从而摒弃那些对app本身和用户流程来说都很低效的设计元素。如何更轻较轻的设计舍弃掉了那些分散人们注意力的元素，以引导用户去关注屏幕上有意义的内容，使得导航更简单，同时又塑造了一种极简、现代的高大上品牌形象。2. 一种字体用到底什么是只用一种字体减少屏幕内所使用字体数量能最大限度地表现字体设计的张力。因为当你少用不同的字体、不同字号还有像斜体、黑体、半黑体等字形样式时，内容之间留白的级别差异才能更好地被区分开来。为什么只用一种字体
6个方法设计出实用美观的风格指南技巧
统一的风格让用户觉得有信赖感，也能将服务和用户连接起来。无论是Dropbox 或者 Google、Twitter，都有属于自己独特的设计风格。这篇文章，总结了设计风格指南中所记载的6个要点，供同学们参考。参考这次介绍的样本和要素，并在今后的设计项目中尝试着加入这些，让设计变得更有趣吧。在你制作风格指南之前，首先需要注意这几点。首先在设计商品与服务之前，让我们创建一个风格指南。然后找出哪些设计要素是适当的，这你得有一套自己的标准。风格指南完善是没有终点的，这也是没办法的事。利用万能的设计语言所制作完成，互动也是非常必要的。在风格指南制作完成之后，我们还必须想清楚，是不是能很好的将商品里的信息传递出来，让人能够轻松的理解。01. 基本原�使用风格指南来创建设计中的一些基本原则。设计的基本原则指的是，在开发商品或服务时，设计师是基于哪些标准来解决这些设计的问题的。
从iOS10的交互设计中学到的3个设计启示
本文用交互设计的思维对iOS 10的新特性进行分析。撇开平时我们考虑的界面排布，页面元素等问题不谈，将视角转移到屏幕外的东西：如时间维度的，空间维度的，手势操作等等，以提升我们的用户体验。先上iOS 10 官方指南的原地址：https://developer.apple.com/ios/human-interface-guidelines/本文作者是蘑菇街的设计团队，欢迎大家关注他们的追波地址哟：https://dribbble.com/mogu背景前段时间被一篇名为《从iOS 10设计指南变化看设计的新趋势》的文章刷屏，文中从UI设计的角度分析了iOS 10带给我们的设计新趋势：“大而简，简而精”。文中指出，未来的设计将更注重产品的内容和操作体验，降低其他因素对用户使用上的干扰。设计师则需要在界面设计中去把握「大」和「简」的程度，以及思考如何通过更有限的手段和空间来传达更多的信息和指引用户来达到「精」的目标。iOS 10于一周前正式推送更新，相较于前几代的系统，他在交互方式上有了比较多的改变，在很多细节设计上，更是值得我们把玩和品位。正如苹果官方在他的更新说明里所描述的：“iOS 10是iOS发布史上的重磅之作”。所有iOS 10新特性罗列的文章网上已有很多，这里就不赘述了，本文则将从交互设计的角度出发，聊聊iOS 10的变化带给我们设计上的启发和借鉴意义。一、基于行为的设计著名的交互设计专家Jon Kolko在他的《交互设计沉思录》中指出：“行为是发生在第四个维度(时间维度)上的，而交互设计的目标是试图随着时间的推移，逐渐理解并进而塑造人的行为”。举个例子，iOS 10最明显的细节之一：拿起手机就亮屏。
如何解锁优秀电商Banner广告的新姿势
在我看来，电商设计师是应该要保持一个比较宽的可超控阈值的，就比如说你要能既做的了小清新也做的了重口味，玩得起高冷大牌也受的了特价清仓大甩卖，再一个很多人表示不知道如何动手开始做一个Banner，于是就有了这篇文章，哈哈。写在前面写这篇文章的意义在于，很多人表示不知道如何动手开始做一个Banner，拿到需求脑袋里是懵的，那么归根结底还是看的太少做的太少了，所以今天我就给大家总结梳理一下我们目前市面上的Banner有哪些品种(表现形式和手法)好了，因为在我看来，电商设计师是应该要保持一个比较宽的可超控阈值的，就比如说你要能既做的了小清新也做的了重口味，玩得起高冷大牌也受的了特价清仓大甩卖。开始这个话题之前呢，我先给大家列个提纲：1、目前主流的Banner表现形式有哪些？2、如何在实际需求中运用这些Banner形式？3、每种形式的Banner都需要掌握哪些知识点？4、我写这篇文章的意义是什么？5、总结接下来，我一条条地给大家讲解咯(文章越到后面会越精彩，所以耐心点咯～)：
7个提高无线端表单可用性的设计原则
用户在填写表格的时候可能会犹豫不决，所以你应该让这个过程变得尽可能容易，这篇文章中的7个设计原则可以显著提高表格的可用性。无线端用户使用移动应用程序或网站都有一个特定的目标。通常情况下，站在用户和他的目标之间都会有一个交互形式 – 表单。实际情况中，表单被认为是用户使用链路中达到目标的最后一步，这就是为什么它是如此重要。所以用户填写表格尽可能快，没有任何疑虑，是表单交互设计的重要考虑要素。无线端表单设计需注意的原则有如下7个：原则 1：表单的交互设计应与用户输入数据的行为强兼容确保表单所有字段没有被界面中的任意元素遮挡，例如键盘唤起时。当用户完成输入表单的某一字段，页面位置自动往下前进至下一个字段更好利用有限空间。原则 2：减少输入字段和用户打字的交互成本表单越长越复杂用户完成整体表单的意愿就越低 – 尤其是在小屏幕上。最大限度地减少输入字段数，使你的表单载入更快速，尤其是当您向用户索取大量信息的时候保持表单越简短越好。但只减少输入字段的数量是不够的 – 交互设计师还应该注意用户输入成本，无线端打字有较高的交互成本。相信大家都有体验，手机打字很容易出错即便使用PC键盘也很难避免(触屏输入更是如此)。因此，尽量减少打字和防止用户输入错误，下面是几个小技巧：
4个设计建议让你的轮播图点击率更高
轮播图(Carousels)这样的交互方式，在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时，使用轮播图，似乎能够不费吹灰之力地解决这场争端，没有人是输家。然而，轮播图这种方式真的有效吗?如何设计才能带给用户更好的体验呢。事实上，“万能和事佬”轮播图的点击率通常都很低，转化效果也并不好，却往往占用了页面最抢眼的大面积位置。想象这么一个场景：当你走进图书馆想找一本特定的书阅读时，一个销售员挡在你面前让你先看一个大广告图，然后等你还没读完具体讲了什么内容时，他又突然换了一张，是不是很惹人厌呢?大部分轮播图的设计也是如此。确保你真的需要使用轮播图首先，设计不当的轮播图容易被用户当成与他想浏览的内容不相关的广告图片而直接无视。在各种网页中早以身经百战的用户，会选择最快速的方式找到和浏览他们想要看的内容。把精力放在翻看没有预期的轮播图上显然是低效的，一上来就自动进入了用户的视觉盲区。下面的热力图展示了用户的浏览行为习惯：快速扫描找到想要阅读的区域，然后再进行有序的沉浸式阅读，毫无例外他们都忽略了看起来像广告的图片部分。(以上热力图源自 James Royal-Lawson)(以上热力图源自 Nielsen Norman Group)除此之外，在2013就有研究结果表明，轮播图的交互效果十分不理想： 只有 1% 的用户点击了轮播图上切换按钮，其中 84% 的用户只在首屏点了1次。