推荐阅读
数码相馆精良装备：ACDSee篇
处理照片的第一步，首先要对它要有全面的了解。所以看图软件是必备工具的首选，它相当于侦察兵，查看问题的所在。在众多的看图软件中ACDSee是最优秀的，而最新的ACDSee 6.0已经不是简单的看图工具了，它集看图、视频播放、简单图像处理等众多的功能于一身。尽管ACDSee 6.0现在“强大”了，但它最主要的特色还是在看图和对图片的管理上，也是装机必备软件之一。 一、裁剪图片 在我们拍摄的照片中需要修改得最多的就是图片的裁剪、旋转以及色彩的调整。这在ACDSee 6.0中是非常容易的。 1.在ACDSee 6.0中打开你要处理的图片，在快捷按钮栏上点第一个按钮“编辑模式”，在编辑模式中选择修剪工具。 2.点修剪工具后图片变黑了，在要修剪的图片上拉出一个修剪的范围（图1）。选取的范围不满意，还可以用鼠标按住边框任意拉伸。图1 3.满意后点右边控制面板的“完成”即可裁剪。 4.如果你要对图片的角度做旋转调整，你可以点菜单“修改→旋转/翻转”，在这里你可以对图片做镜向的翻转以及90度和180度的旋转（图2）。图2
网页排版应该考虑IE6的兼容性问题
下图是本站统计系统中访客详情中浏览器查看率，IE6占据百分之40多。虽然浏览器的种类很多，光一个IE就有IE5.5,IE6,IE7,IE8等多版本，在这众多的高版本中，IE6依然受大多数用户所喜欢，所以排版时候就不的不去考虑IE6的兼容问题，要不然会损失很多访问者。下面列举IE6中10个不得不注意的问题：1. 使用 DOCTYPE你需要在HTML页面的最顶部加上DOCTYPE类型，当然， strict版是值得推荐的，例如：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或者, XHTML页面的!DOCTYPE：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">你最不想看到的是，IE6进入怪癖模式 – 其实已经够多怪癖了。2. 设置position: relative设置position:relative解决了不止一个问题，特别当需要设置对齐的时候。很明显，你需要明白的一点是，绝对定位是相对来说的。说不定，因为你没有设置，而不知道东西都飞到那去了。比如，你设计了每篇文章前都有一张图片，最后，你发现，只有一张图片在页面上，或许，是他们重叠了。3. 给浮动元素设置 display:inline 值这源于著名的IE6双倍外边距BUG，例如，你给一个DIV设计了浮动，并且，设置了margin-left:5px;，在IE6中很可能就是margin-left:10px了，这里，给浮动元素设置 display:inline；，即可解决问题。4. 为元素设置 hasLayout很多IE6（或IE7）的问题可以用设置hasLayout值的方法来解决。（如果你不知道hasLayout是什么，请看这里）最简单的给元素设置hasLayout值的方法是给加上CSS 的height或width(当然，zoom也可以用，但这不是CSS的一部分)。设置一个具体的值是推荐的，但有时候并不一定知道高度多少，这里，你可能会用到height:1%。如果父元素没有设置高度，那么元素的物理高度并不会改变，但是，已经具备hasLayout属性。5. 解决字符重复出现的问题复杂的布局可能导致一些浮动元素里面的文字，出现在清理浮动位置的下面。这是一个奇怪的问题，下面这此可以帮你解决：•确保浮动元素设置了 display:inline;•在浮动元素中使用 margin-right:-3px;•在浮动元素的最后一个元素后加上一个IE注释，例如： <!--[if !IE]>把你的注释放这里… <![endif]-->•在最后的元素中加上一个DIV(这以设置width 为90% 或者其他相似的高度)UPDATE: 最简单的方法是删除掉所有注释。（感谢恬玮儿的提示，我自己并没有遇到过，不过，google了一下，发现这个方法也可以解决，并且，这是值得推荐的一个方法。）你可以到positioniseverything.net中查看更多关于这个的解释。6.只在<a>标签中使用hover，IE6只支持<a>标签显示hover样式当然，你还是可以通过JS来解决这个方法。但是， 这关于到可访问性的问题。建议不要把重要的内容设置在利用JS来实现的hover中。7. 使用!important 或高级选择器来区分IE浏览器比如min-height可以避免使用CSS来实现对IE的兼容。#element { min-height: 20em; height: auto !important; height: 20em; /* 让IE6显示这个高度 */ }IE6 并不能正确地识别min-height，可以设置固定的高度，让IE6解析为20em。即使如此，它还是会因为内容的尺寸扩大而改变高度。而另一个方法是使用高级选择器：#element { min-height: 20em; height: 20em; } /* 忽略 IE6 */ #element[id] { height: auto; }8. 避免按比例确定的尺寸比例会让IE6变得错乱，除非你给父元素添加一个确切的高度。不然，给其他的加上!important，例如：body{ margin: 2% 0 !important; margin: 20px 0; /* IE6 可读 */ }9. 尽早测试，经常测试别忘记尽早测试，经常测试， 除非你的程度已经完成。不然，你可能花更多的时间来解决IE6的问题。一般情况下，如果你的网站能在IE6和firefox下良好表现，估计其他浏览器就不会有什么大问题了。10. 重构你的代码很多情况下，解决一个问题，可能比重构你的代码要花更多的时间。
FLASH视觉特效实例之大风车篇
=版权所有 热点网络 热点下本例是一个比较容易实现的，但却很眩的视觉效果。笔者是用Flash AS来“描述”一个风车。相信读者们朋友会喜欢这个效果，并一定能从该例中学到一些有用的东西的。 本例源文件下载：点击下载(3K, zip压缩文件) 效果预览：点击预览一、制作元件 1．打开FlashMX，设置场景的大小为350px X 350px，背景色为黑色。帧频为30fps。 2．按快捷键Ctrl+F8打开“创建新元件”面板，创建一个名为“曲线”的影片剪辑元件。点选“工具”面板中的“直线”工具，在“曲线”元件的场景里绘制一条直线，单位为4，宽度为60px，颜色为灰色，然后用“箭头”工具进行微调，如图1所示。图1 3．按快捷键Ctrl+F8创建一个名为“运动曲线”的影片剪辑元件。按快捷键Ctrl+L打开库，把库中的 “曲线”元件拖拽到“运动曲线”元件的场景中。图2 4．点选“运动曲线”元件第1帧中的“曲线”，按快捷键Ctrl+T打开“变形”面板如图2所示设置。右键点选第1帧并选择“创建补间动画”命令创建补间动画。接着分别点击选中“图层 1”的第10、20、30帧并按F6键插入关键帧。如图3所示。图3
超越人类视野 简单8招新手也能玩转超广角
超广角镜头的使用虽然很难驾驭，但是所有器材都会有它的特性，在长时间使用过程和拍摄实践中，专业摄影师都会总结出规律，掌握超广角镜头的使用技巧。这里就有一个使用超广角镜头应该做与不应该做的清单。有了这些贴士，你利用超广角镜头既能够得到高质量的照片，也能避免超广角镜头给人带来的某种不适感觉。请享用! 1.横构图与竖构图 尝试横、竖构图两种构图方法吧!所有人都知道横构图是使用超广角镜头的常用的构图方法，它能把事物尽可能的拍摄进一张相片内!横构图虽比较常被使用，但不代表竖构图就无法拍摄到好相片!当你要拍摄很高的事物时，竖构图就能帮你很大的忙，你用超广角镜头竖构图拍摄同样也能拍到很好的作品! 2.线条摄影教程 注意寻找对构图有帮助的线条，给画面增加更好的视觉效果。让线条对准画面的一角，让线条的另一头朝向中间。例如当你拍摄一个很长的通道的时候，使用这个技巧可以让通道像是从边缘伸展到*，这样可以加强画面的纵深感。 3.运用小光圈 由于夸张的视角，通常超广角镜头很难保证整张照片的锐度。收小光圈是一个有效的做法，但即使是f/11或f/13，也无法保证完美的锐度。因此你需要决定把焦点对在哪里，以及你手中相机和镜头的最佳光圈。 4.手动对焦
最新发布
详细解析超实用的数据可视化零基础教程
近日星巴克与微信推出的社交礼品功能“用星说”，可以说刷遍了朋友圈。无论你爱不爱喝咖啡，星巴克似乎都成为了一种文化象征。上班族青睐，小清新喜欢，基本上大家看到绿色的人鱼标志就能马上认出它来。虽然一直也有喝咖啡的习惯，但至今不知道星巴克菜单版上列的【摩卡】、【拿铁】、【美式】、【卡布奇诺】等等有什么区别。直到看到下列图，才很直观的了解到每个咖啡类别的区别是什么。类似上图示，针对内容复制，难以形象表达的信息，通过图形简单清晰地向受众呈现出来，这种图称之为信息图。信息图信息图本身是一个合成词，由信息和图两个词组成多称之为(Infographics或Infographics Graphics)，在40年代的时候就开始出现，使用在报纸及新闻类杂志方面，其中杰出的代表阿根廷的信息图先驱Alejandro Malofiej，在1993年西班牙设立了以他为名的主要针对信息图表设计的Malofiej奖。在报纸、杂志等纸质媒体中，为了让读者感到新奇且直观容易的理解，运用了大量的信息图解的表现。如下图所示：
详细解析为什么光做界面肯定是不行的
刚做设计的时候，师傅教我们设计师不要过多的影响业务，把专业的事交给专业的人(产品经理/运营)去考虑。举个简单的例子，当设计界面时，我们只确定框架，如这里是一个可以填写文案的区块。但具体里面写什么，表达什么意思，都交给业务去判断，最多参谋参谋用户是否能理解。就像装修房子一样，房间结构是基础，哪里可以挂画、哪里可以放桌子，这都是很早就确定的。但挂什么风格的画、用什么颜色的墙纸、放什么样的家具，却都由房间真正的主人来决定。没错，我们并不是真正房子的主人。除了改变内饰，主人甚至还会要求把房子推翻重盖，结构也不是绝对稳固的。这样只追求表面的设计，我做过很多。那时我认为用户体验设计(UE)需要的是“专业性”——不能拍脑袋做设计、不能想当然，而是要用数据说话、要在规范和框架内设计、要做好用户调研和访谈。我们几乎已经把自己放在了公司这个巨大机器中的一环，真正卖力地去扮演“螺丝钉”的角色。不过慢慢地，我能嗅到整个环境和公司对设计师的要求在变，当然也可能，是随着工作经验增长，确实在逐渐进入下一个阶段。光做界面，肯定是不行的从现有规范(iOS、Android)和巨头产品中，几乎可以找到所有你想要的交互表达方式。细数手上做过的项目，哪个不是那些零碎组件的不断组合：文本、图片、按钮、表单……而要想跳出框架发明一套新的实现方式又谈何容易。在现有方案能够支持的前提下，稳步实现就是最经济高效的做法。这意味着，在纯表现形式层面，用户体验的准入门槛极低，用过这么多 App 和网站，任何一个岗位都可以对你设计的体验说上几句，而你可能在大多数情况下都难以说服对方。所以，几乎所有人都在想着如何用最少的时间、最高的效率去解决那些纯界面的工作。也正因为如此，招聘时看到你的作品只是在摆放界面，那多半也是没有机会了。
详细解析夏季可能会流行的设计趋势
骄阳如火，阵雨连连，不得不宅在室内的局面，似乎让百无聊赖的设计师更有时间在设计细节上投注更多的精力。不知道是不是夏日不适合做极简风的设计，更多设计师在过去一个月的设计中更倾向于在设计中加入更多的个性化的元素，这也使得我们在许多乍一看很极简的网页中，发现许多有趣的细节。下面我们要聊的三个设计趋势，可能会在炎热的8月中悄然流行。1、超细字体超细字体排版又回来了!在iOS7 刚刚问世的时候，它最瞩目的就是高饱和度的色彩、扁平化的设计以及这独特的超细的字体设计。在那个扁平化刚刚兴起的阶段，苹果所推出的这款在Helvetica 基础上演变而来的超细字体和当时的扁平化设计结合在一起的时候，在可读性上还不够优秀。随后不久，更加大胆、相对更粗的字体开始占据字体排版的主流，甚至苹果也推出了可读性更优秀、更粗的San Francisco 字体。不过，潮流和趋势这件事，总不能按照常理来推断。大概是设计师开始大幅度地厌倦棱角分明粗重大胆的字体，更为纤细的字体开始高频率地出现在网页的Banner 和排版元素当中。选择更纤细的字体作为Banner 等展示性的组件的字体，设计师拥有了更大的空间。值得注意的是，它并不适合作为正文字体，如果非要使用，字体字号也需要适当的提高。下面的案例展示了超细字体的正确使用方法：使用全大写的抄袭字体来创造气场突出的标题。不过，最好是像下面的Luxury African Safaris 这样仅仅使用不多的几个单词。不过你需要注意一点，许多单词全大写的情况下，可读性相对较差。将较粗的字体和纤细的字体搭配起来使用，比如下面的WebDesignStudio，创造出视觉上的对比。
详细解析排版设计中的点线面使用技巧
每个设计师多少都有一点强迫症，有时候会为一个像素的间距而纠结，有时候又会割舍不下自己做的元素，满屏的信息都想突出，导致画面混乱。设计师培养自己对画面的全局观是很重要的，所以我们的脑子里时刻都需要有一把“尺子”在，这把尺子，就是“点线面”。在使用这把“尺子”的时候，抛开那些装饰和颜色还有材质，将画面抽象成点线面来把控你的设计，也许会有不一样的启发和看到画面不和谐的原因所在。设计师对版面的全局观，就是“点线面”的处理。“点线面”是所有视觉画面的基本结构，点线面可以把不同的部分或者元素组合成一个整体，进而打造一个视觉舒适平衡的版面。一 . 点的运用点，单独存在时，是空间的一个痕迹;点也可以作为线的开端。很多点聚在一起可以组成韵律和图案，点的疏密，重复，规模和数量变化都能对画面效果起到很关键的作用。点成线，线成面，点是几何中最基本的组成部分。比如，在基本平面设计当中，你可把点当做一个文字或单独小元素，线是一句文案，而面，则是一段文字等等。不同形状的点圆，平稳，完美无瑕疵的，给人的感受是饱满，有力量的。方形，除了平稳外有端庄，大方感，在给人的感受踏实依靠的。
如何快速成为Behance的设计网红
作为设计师的你，一定听说过behance和dribbble。它们是全球最火的设计作品分享平台，各行各业的设计师在上面分享自己的作品，如果你喜欢一个人的作品，可以点赞和收藏，也可以关注这个人。Behance我曾经认真经营了一年，没事就发作品，现在混到了3000多个follower。一万多个赞。对于一个只有设计师注册的平台，这个量虽然不怎么惊人吧，也还算凑合。今天就想和各位设计师朋友分享分享自己的心路历程。因为没有在自己的社交圈宣传behance账号，所以follower都是不认识我的。这样可以确定不是靠“面子”来圈粉，那么以下方法就还算有参考意义。1. 了解你的受众喜欢什么样的作品只有好的作品才能吸引到“赞”和“follower”。但在behance上“火”不代表在现实世界也一样火。因为受众不同。平时我们的设计是给甲方审核，给用户看。这些人往往缺乏设计背景，对作品的反馈是基于普通人的视角。有句话说得好，想提高审美最好的办法就是多看，看的多了才能分辨好坏。由于普通人接触的设计资料偏少，看的不多，好坏的分辨自然和设计师不同。而每天逛behance的设计师一般是学生，junior，或者独立设计师。这个人群有特点，相对年轻，热爱学习，希望被inspire。做好用户画像之后，我们来聊如何做到他们眼中的好作品。首先要视觉设计要过关。所谓的过关是指跟上时代。年轻设计师的审美是当下的，时尚的。老屁股设计师喜欢的“精细”，“灰度”已经不流行了。设计无分美丑，只有土和时尚。看看behance最火爆的设计师的视觉风格，仔细研究，模仿，总结，再创新。当年我为了提高视觉，从起床到睡觉不停的修改作品，一个作品我至少改过几十遍，翘班翘课的改改改，直到和大牛的作品放在一起也不觉得太low才罢休。现在想想冷汗涔涔。其次你的设计最好有丰富的过程，这群behance用户来翻你作品最大的目的就是激发灵感，学习先进的设计手法和抄袭。有过程的设计方便用户了解你是如何从0到1，从而移植到他的设计方法和设计流程里。记得，有参考意义的设计才能火爆。Inspire其他设计师吧!能激发灵感的作品往往是与众不同的，试想你看了10个长得差不多的设计，看一个的时候觉得还不错，有意思。第二个瞬间就腻了，第三个到第10个你根本不想看。与众不同才能保证你的每个读者都能感受到那振奋的第一次。
4个2017年最流行的LOGO设计趋势
对于设计师而言，LOGO设计可能是最有趣也是最令人沮丧的设计项目之一，它是设计中四两拨千金的关键，也是易学难成的设计重难点。LOGO设计的这种独特特性，源自于它所承载的重要责任和“简单”外观所构成的反差。好的LOGO设计不仅包含切题的隐喻，直观的形象，还能够恰到好处地迎合需求，跟随潮流。这也是为什么设计师一方面在追求LOGO设计的持久生命力，一方面还在跟随LOGO设计的总体趋势。LOGO设计从技术到风格都是在逐步演进的，这一点毋庸置疑。去年的LOGO设计和今年的流行趋势还有着区别，虽然客户的要求变化不大，但是你会明显的感受到最新的LOGO设计越来越讲究简约干净的线条和颜色以及吸引人的排版了。纵观过去半年新的LOGO设计作品，我们基本上可以总结出2017年的4个主要的LOGO 设计趋势。精美细致的LOGO字体LOGO的类型有很多，其中之一是采用文字为主的LOGO设计，就像 NASA 和乐高的LOGO。而进入2017年之后，文字 LOGO 设计开始倾向于使用更加微妙、精致细腻的字体设计。优秀的字体LOGO有着持久的生命力。复杂的字体样式，装饰性极强的花体字都是很受欢迎的选择。这当中许多的设计元素借鉴了手写字体和书法，以及有趣俏皮的DIY 元素，就像一度在Pinterest 上流行粉笔风字体一样。然而在今天，设计趋势开始有了微妙的转变，设计师们在字体的风格上更加偏向简约而优雅的笔触，这使得字体LOGO更加具有可读性和可识别性。优秀的字体LOGO，比如可口可乐的LOGO，就有着持久的生命力，能够搭配不同的样式和风格，拥有独特的品牌气质(不要单纯从某个地方挑一套字体来直接用作文本LOGO)。想要让LOGO设计看起来更加精致有味，不妨基于某个字体来自定义设计，比如 Moonfarmer 。
详解聊天机器人的界面交互设计总结
最近在做智投App的机器人Neo的原型设计，是一个chatbot聊天机器人，整理了一下关于聊天机器人设计的一些心得。欢迎关注作者的微信公众号：「交互视角」一. 背景：这是Neo的第一个版本。Neo通过问答的方式了解用户的基本信息、投资偏好及投资目的等信息，用户通过直接文字回复和点击选项进行回复对话，最终产出供用户参考的资产配置方案。二. 设计要点：1. 以问答的方式开始与用户互动，不要让用户一进来就不知道该干什么机器人进来跟用户寒暄之后需要跟用户进行有效互动，让用户知道接下来能干嘛，不能陷进死胡同里。如果可以的话，机器人应该尽快跟用户表明自己的功能，是一个有明确目的的机器人。左图中，机器人上来就是打了个招呼，用户不知道该如何回复。并且在用户回复完之后，又无缘无故的不搭理用户。即使用户的问题机器人不知道怎么回答，也要勇于承认，及时给用户反馈。如果需要问一些用户有可能不太愿意直接回答的问题时，一定要解释清楚问问题的原因以及对于用户的意义是什么。如图中我们需要问用户的真实年龄，虽然有些无理，但是这对于输出资产配置方案很重要。
3种设计方法设计风格迥异的LOGO作品
三天的时间，我用一种设计元素设计了三款风格迥异的LOGO。本文通过这个实战案例，为你揭秘LOGO设计中的视觉造型能力和设计流程。他是一位成都籍艺人;他是鼓手，说唱歌手，人民艺术家;他诙谐幽默，现场感染力极强;他就是来至东汉末年的Rapper — 说唱佣第一天 线性LOGO线性LOGO 看起来精细极致，常应用于icon设计中，线性LOGO的设计的要点在于对设计对象的整体抽象能力和归纳总结能力。1，资料收集设计前脑海中一定要有个大概风格，有了明确的目标，你找到资料才会更加的精准，设计也更加准确。
详解设计师和需求方高效沟通的技巧
设计是一门沟通的艺术，下面我分享几个自身工作的经验，希望对大家有所帮助。少了前期与需求方的沟通，你可能会在无修止的改图当中，一点点的磨灭自己的激情。少了中期的沟通，你可能会在画面中肆意发挥，添加那些所谓的流行元素，最后导致整体主题不明，主次不分。少了后期与前端的沟通，最后的上线稿不忍直视，面目全非。和需求方高效沟通的5种技巧1. 用参考沟通在当面与需求方沟通前，根据既定的活动文案和玩法，先试着去网上搜索一些相近的、相同的、有启发性的参考设计，发给需求方进行预览。用来沟通需求方的喜好，明确接下来该走的方向，最后达成对风格的整体认知。用参考去沟通，这里所示的找参考并非是圈死设计师的思路，一味照着参考去抄袭。而是在中国现有的二三线城市里(毫不夸张的说，一线小公司也有这样的)中小企业的需求方，在审美上需要设计师去引导。