推荐阅读
详细解析通过设计让APP变快的6个方法
我们都知道不管网页还是移动应用，响应速度都是最重要的体验指标之一，并且移动应用的网络环境不稳定，速度的体验显得尤为重要。其实速度优化不仅是程序员的事，设计，也能够让APP变得更快。1.后台执行这是一条很通用，也容易理解的方法。用户不会愿意盯着进度条傻傻地等待，除了“取消”没有其他选择。在系统处理一些网络任务的时候，完全可以允许用户做一些其他的事情。各大平台的发微博，都采用了后台执行。云阅读的离线下载也采用后台执行。而微博的看长图(或视频)，是个反例。网络不给力时，要么等待1分钟让图加载完，要不就只好放弃看图。为什么不能让图加载的同时，用户可以看其他微博呢?2.在载入前显示内容客户端与web的一个不同点，客户端的显示内容包括本地数据和网络数据两部分。在设计界面时，将更多的信息放在本地，在网络数据未载入时即显示本地数据，让用户产生一种“已经载入一半了”的错觉，即使最终的耗时一样，心理感受也会更快。当然把数据过多地写在本地，会牺牲一些灵活性，需要根据具体情况考虑。具体请看twitter、Facebook、Vine等优秀产品的启动画面，虽然同是静态图片，但它们不使用LOGO而假装已经载入了“导航栏”和“标题栏”，让人感觉“点击后立即就启动了”。
CS5快速给偏暗的人物磨皮
本教程运用历史记录画笔磨皮的方法跟用蒙版磨皮方法大致相同，先把图片稍微调亮后，对图片模糊处理，然后设置好快照位置，用历史记录画笔涂抹脸孔即可。 1、打开原图素材，按ctrl+J复制一层，选择复制层，设置图层样式为“滤色”，不透明度为“50%”。按“ctrl+E”合并两个图层。 参数设置如下图 2、执行 滤镜 < 模糊 < 高斯模糊，根据皮肤的好坏调节像素， 参数设置如下图
UGA5.5实例教程【文字淡出淡入】
2.点祯-“添加条幅文本”输入文字(佛前青莲).文字大小-25.颜色-白色.字体随意.在预览中把文字拖至画布左侧中间位置3.选-效果-进入场景选择-减弱-画面桢设为10;退出场景选-画面-画面桢设为10;开始预览-满意后点确定-创建单一对象如图:梅风剑提示:为使文字竖直,可以每输入一个字回车一下的位置4.点最后一祯(12祯),重复第2步/第3步操作.依此点祯-“添加条幅文本”依此输入文字(梅风剑)/(一花一世界)/(一佛一如来)/(梦寻佛踪影)/(莲香溢梦中)/(风弄花瓣雨)/(迷失莲花丛)/(佛伴我心眠)/(一睡五百年)梅风剑提示:记住不是一次性把文字复制粘贴,而是--依此分别重复第2第3步操作如图添加好
摄影时如何让森林美女更神秘一些
面对偌大的森林场景，影友们经常会觉得找不到神秘感觉的拍摄思路，其实只要紧记着几个拍摄要点就能拍出不少好片子，这次我们挑了三张照片与专业摄影师一起探讨在森林里面拍出神秘感觉人像的小技巧吧。 佳能EOS 5D，EF28-70mm，F2.8，ISO100，1/60秒 摄影教程 “树林中光线比较幽暗，因为树林的上空大部分都被树叶挡住了，所以我选择了一块透光性较好的地方拍摄;此外我还使用了外拍灯为人物打逆光和侧逆光;这种做法足够展现出森林里的大气感觉吗?” 有层次的光线过渡非常重要 这张片子的整体氛围让我眼前一亮，照片很好地展现了森林的那种神秘、低调的感觉。首先摄影师运用了柔和光比，配合上摄影师选择的场景，使得场景，在一棵有杈的树下同时有密有疏的绿叶中，女模特一身白色连衣婚纱显得特别出彩，主次分明。而且镜头畸变控制非常好，较少的焦外变形以及模特修长的身形显得这张图特别的高档。 在我看来唯一不足的在后期方面，阳光从树荫之中射入的光线可以更有层次些，从明到暗的画面过渡会更加出彩，大概作者在做后期的时候稍微有一点偷懒了，只是用画笔工具将左上角、右上角以及人物部分的局部光线简单地加亮了，没有留意到暗部以及亮部之间的衔接，使得两者过渡有点含糊了。总的来说，该作品还是很好看的，无论是构图还有裁图方面都很有心思，让观图者看上去很舒服。 佳能EOS 5D,105mm,F2.8,ISO500,1/60秒
最新发布
浅谈网页加载动画的那点事
对于加载(loading)，想必大家都不陌生。每当看到加载页中那个不停转啊转的圈圈，或者是 “Loading…”后面不停闪动的三个点点，心里都会涌起各种焦躁反感。这篇文章详析了不同Loading对用户情感的影响，魔鬼藏在细节里，假如想让用户在惊叹于魔鬼般的细节时有出色的体验，你可以试试这个 → 《让等待也成为享受!18个读取进度条的优秀设计案例》根据一份调查得出，用户能够忍受加载的最长时间在：6到8秒。8秒是一个临界值，如果加载时间在8秒以上，大部分访问者最终会选择放弃，除非他一定要打开那个页面。以上三种是常见的loading方式，如果是我，我更希望看到第三种的进度条，因为我实在不知道第一个圈圈要转多久才能算加载成功，也不知道第二个点点要点到猴年马月。如果这个时候，界面除了看到”加载”以外的东西，是否就能转移用户的注意力呢?我们在看视屏前，视屏都会缓冲，在这时个候总是会放一段广告。每次我都会忍耐加载时的广告，但是如果广告做的很棒，很吸引人，就一点都不烦躁了，甚至还能在评论里看到求加载广告的地址。网页的loading就承担了加载广告的作用。在页面局部加载时常能看到第一个圈圈的身影，不过每次看到这个圈圈都差不多，如果换一种转圈的形式，也许会觉得”这个圈圈跟别的好像不太一样”，通过好奇减少等待的焦躁。减少用户的焦虑，可以给个允诺，示意他们还要加载多久，告诉现在的进度(有个进程百分比)，算给一个定心丸。例如以下的方式：
浅谈如何设计才能让网站风格协调一致
网页设计的要点之一便是一致性，设计师首先需要了解一致性，然后再致力于构建页面元素之间的联系。网页设计的目标是将网页和用户连结，通过设计(顺手的导航、流畅的交互)让用户对网站产生信任。尽管网页设计以功能性为主，但依然可以为用户提供优良的用户体验。客户，用户以及一致性：具备一致性特质的网页能够帮助推广品牌、清晰传递信息。客户在意的是设计能否有效传达他们的品牌、信息，在意设计是否能够在消费者中建立一种对品牌的信任感。如果品牌信息传递的不够一致、或者晦涩难懂，那么消费者很难对品牌产生信任感，这就影响到了客户的销售额和业绩。一致性与设计师个人推广：作为设计师，你自己就是一个品牌，你需要仔细思量一下该要如何打造一致性的”个人品牌”。如果你的个人博客设计的风格一致，分量充足，案例丰富，那么客户很容易就找上门来。简要概括一致性：布局井然有序，主页面、子页面有章可循，配色方案自成体系，交互方式统一协调，与内容深度联系————这就是一致性。
浅析文字在国际范网页中的重要性
网页设计中最重要的元素是什么?你不知道?思考一下：你是如何将信息传递给用户的?你是如何展示产品的?现在你明白了吧，答案很简单，用文字将信息传递给用户，用图像展示产品。两者结合之后，表达能力呈几何级上升。图像胜过文字大多数人认为图像比文字易于理解，这已经不是什么秘密了。通过观看的形式，图像更容易表达情绪，也更容易让用户铭记。用户很可能因为页面中一幅动人的图像而记住你的网站。在网上，你可能看过很多信息图。信息图的绘制规则很简单——人们更喜欢读图。很多人宁愿从图像中学习知识，世界上三分之一的人喜欢用图像作为学习的工具。背景图确实能够起到营造氛围的作用和信息图的道理很相似，你可能会注意到很多网站的背景都采用质感佳、意境好的大图。这种设计方式连我都挑不出毛病。这种背景图营造出特殊、出众的网站氛围，要注意根据品牌的特点选取恰当的大图。关键所在间断的介绍之后，我们来讨论一下：用户浏览网站，期望得到怎样的第一印象。从评论中我们得知，用户喜欢那种简约理念的网站，所以我们就放上一张效果惊人的背景照片，背景上面再写上几行字，就能满足用户需求。文字解释似乎有点含糊不清，可以看看下面的案例便能明晓。这种设计方法非常行之有效，效果很形象化。我前面已经说过，用户期望先看到一张大图，既舒服，又能了解大致内容，有个心理准备，然后再看文字，详细的了解内容，这样的信息传达更加到位。这种方式下，用户会在你的网站停留更久、会获取更多公司信息、会了解更多你的产品。
七条优秀网页设计的基本准则
互联网何时诞生，专家对此说法不一，30多年前，互联网的应用非常有限，仅仅一小部分人能够接触到这种先进的技术。然后经历了30多年的指数级发展，它取得了梦幻般的成功。十年前，互联网刚刚处于雏形阶段，到如今，整个产业的格局已呈”大而不倒”的局面。而互联网的阵线也拉长了，从传统的”老式桌面”到各式各样的便携式设备，从由互联网引领的”大数据时代”，再到存储的新革命”云概念”。而设备呢?手表、眼镜各种以网络为基础的可穿戴设备正在蓬勃发展。如穿越到十年前，向别人描述今日的网络现状，他肯定会一笑而过，认为这只不过是”海市蜃楼”般的幻想。但十年后的今天，这些革新一一实现，不再是触手不可及的幻象，这所有的技术革新切切实实的就在我们身边。感谢那些为互联网做出贡献的革命者们!这张图能够很好的阐述响应式设计的思想。而聪明的Luke Wroblewski提出了”移动优先(Mobile First)”设计战略，他认为，这种设计模式：先从移动设备开始设计，那么设计便能很轻松的向下兼容。(通俗的讲，就是大屏肯定能完美呈现小屏上的设计，而小屏不一定能装得下大屏上的设计。)
详细解析网页改版的一些心得技巧
互联网行业，几乎每天都有新的网站上线，旧的网站改版，但不论是新站还是改版都有一个共同的特征就是’全新’，全新的产品结构，全新的视觉风格带来全新的用户体验，这样的创新和调整多多少少都会给用户带来些许茫然。最近关注一些大型站点改版设计，如七月末淘宝的改版2013淘宝新详情页改版出炉以及针对京东改版谈网页设计趋势，感觉业内对新版调整后的用户适应方面做了很多新的努力，这篇则是作者对改版设计的一个小总结，今天特意拿来跟大家分享一下。01.新旧版同时在线，保留切换入口。豆瓣近期对首页做了改版，新旧版从产品结构方面做出了很大的调整，如果是豆瓣的常客，一定会在一个时期内觉得很不适应，所以豆瓣针对这个问题做出的解决方案是：暂时保留旧版网站的切换入口，一定时间段的适应期后彻底采用新版页面。MSN的新版上线后，发现多了一个往日首页的模块，用户可以自行设定日期，回顾当天MSN首页的样式和内容，很有新意。02.增加新版体验功能，第一时间给用户全新的认识。
如何设计完美婚礼网站的心得和秘诀
可能你已经收到过好几次请帖，或者准备好了礼物，因为这正是婚礼时节。夏季和秋季是受欢迎的婚礼季节。新人们越来越觉得，一个很棒的婚礼网站是和亲朋好友们交流的绝佳方式，还可免去各种额外花销。这原本小众的趋向，正在变得越来越流行。一个网站可以用作结婚纪念、婚礼信息展示台(登记信息、着装要求、向导指引和其他更多)，还可以作为一个分享图片与视频的地方。很多新人会选择模版样式个性十足的婚礼网站，可以让他们的网站脱颖而出。一个精美的婚礼网站比facebook页面更个性化，也让不用社交网络的人(好吧……)更易访问。在这，我们分享一些打造精彩婚礼网站的诀窍和个性十足的案例——其实你不必依赖手书和粉红丝带，先来欣赏一组漂亮的婚礼相关网站设计。强调欢迎页面jessandrussPittmans一个婚礼网站可以简单到单页设计，或者复杂到任何你能想象。但是欢迎页面是重中之重，婚礼网站的欢迎页(或主页)应该传达三件事：新人要清晰可辨，要能看见婚礼日期，所有其他导航项应该清楚、容易找到。
10大创意教你玩转网站背景设计
如何选择一种最恰当的网页背景是网站设计中最常见的问题之一。 通常网站设计者都已准备好网站内容，而且版面布局大多也基本敲定。但背景要么是令人厌烦，要么是让人眼花缭乱，让设计者迟迟不能确定。今天，我们将介绍几个实际网站来启发你的灵感，看看如何设计趣味而又令人感兴趣的网页背景。收藏本文，当你再次阅读时，你定会被某一个背景设计所迷恋。1. 素描设计这种设计在几年前就变得比较流行，而且一直持续到现在。这灵感来源于在笔记本上的涂鸦乱画，就像你十几岁时在英文课上所作的那样。每一部分都是些粗糙的素描表现，页面看似是非常随意的创意集合，而它们都以不同的旋转方式散布在页面各处。NotchStudio就是很好地应用了这种创意，并且以非常柔缓的方式表现出来。即使你本人不善长绘画，这种创意也是相当容易实现的，是因为这些涂鸦通常都是些非常基本的设计。如果拥有一部Wacom或iPad平板电脑，你就可以相当容易地描绘出你自己的图片或者某种意义上能够反映此类风格的书写文本。还有很多免费字体如Pointy，可以帮你不费吹灰之力就可实现让人赞不绝口的素描。2. 精细文稿设计风格纸张的质地纹理总能激起设计者的激情，而且为所有年龄所适用。目前这种创意已不像几年前那样风靡，但是它还是会带给你一种非常微妙的效果：如果你没有看到它，那会让你非常地想念。你注意到Beautiful Type所用的纹理设计，它既没有偏离主题也没有过分夸张，而是将一个原本看起来就很好的网站更是锦上添花。
精选国外优秀图片优化工具推荐
网页设计中往往需要大量部署图片。网站的品质取决于图像，如果一个网站的图像品质精良，那么体验将非常的棒。可以去看看那些优秀设计师和开发者的作品，他们往往非常注意图像的优化。既保证了图片的质量，又适度压缩图像，以提高加载速度。本文将介绍多种极佳的图像优化工具，可以在日常应用中帮助你。The Online Image Optimizer是一款在线压缩图像工具。支持本地上传图像进行压缩（最大不超过2.86MB）。可以选择图像输出类型。默认输出格式设置为和输入图像格式相同。 想要更好的图像优化体验吗？选择Riot吧！Riot软件提供了优化图像的绝佳平台。Riot软件轻量、界面简单、易用，实时优化，能够快速显示优化结果，可批量处理，可以发送到网络、邮箱、打印机中。原图：测试结果： 可以将你的图片最佳优化，达到惊艳的加载速度，同时最低限度降低图像质量。非常强大的工具，它的优化算法比其他工具先进。如果你想要”鱼与熊掌兼得”，那么花钱用这个吧！有网络试用版。支持SVG,PNG,GIF,JEPG。也具有Chrome、Firefox插件。
大胆奔放的字体在网页设计中的应用
好的设计为何好?原因可能不尽相同：先进的动效、蔚为壮观的图像、不同寻常的视频、细节精美的插画、完美无瑕的处理、创意的解决方案等等——但，以何种手段包装网页要取决于网站设计的目的。网站可以没有动效、可以没有图像及插画、可以没有视频、可以不采用流行风格，但是网站绝对不能没有文字。然而，正因为常见，所以被忽视。大家往往只把文字当作数据与内容的组织形式。然而大家有没有考虑过把字体也当成视觉表现的一种手段呢?优秀的字体能帮助网页设计打造清晰的视觉层级，有着优秀的可读性。字重、字体大小是字体较为重要的两个特性，我们可以借助这两个特性来进行优化。例如，如果你想要让一句话清晰可见、脱颖而出，那么只需要把文字加粗即可。粗厚的字体能够有效的引起用户注意。把字体放大一点，设计的显著一点，更具有支配性一点，那么网页将非常具有诱惑力。今天我们收集了一些对字体巧妙处理的网页设计。Holler大、柔和。黑白搭配，力量感很强的网页设计。Black in history吸引人的字体，精美的动效，蒙版效果不错，从其中可以窥见很多历史人物的肖像。
详细解析扁平化设计的进化论心得
别说你听的想吐了，也别说你不想讨论。除非有一天你想落伍离大家越来越远。事实证明，关于扁平化空前的争议和讨论导致了扁平化风格的多样化。没有争论，就没有变革！信息层级的简化、极简主义，这是我认为扁平化的核心，不同的设计师肯定对此理解也不同，大家有没有发现，最近的扁平化变了。实验，加入效果，失败！再实验，再次加入效果，成功，付诸实践！就是这么简单。所以现在的扁平化设计变得”不那么”扁平了或者”更”扁平了。好吧，先推荐一片文章An Extensive Look at Flat Design我们稍微挖掘了一下网络，我们试图搞清楚，这些设计师在干什么，在试验什么，在借鉴什么。以下是我们的小发现。来瞧瞧扁平化设计目前进化成哪几个类别了：）上帝看到扁平化设计，说”要有光”，于是就有光，然后也就有了投影。延伸投影，一般都是45度角，投影一般为物体的2.5倍大，给图标加入了一种深度。阴影也是扁平的，无渐变、明暗和衰退。但是坏处是，往往用户被阴影给吸引了，用户更关注阴影而不是图标。导致了一种阻碍效果。我个人看法是，这种设计个人感觉像是一团阴影，而不是一个图标。收集的长投影设计如下：ClockImage: Dmitri Litvinov