推荐阅读
详细解析通过设计让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秒
最新发布
解读7个惊人网页设计趋势
随着网络技术的快速发展,页面设计也不断为之改变。2013年的网页设计趋势也将毫不例外地更新换代。同时在优秀网页设计史上,这将会是一个振奋人心和充满乐趣的一年。接下来我们将为您准备了一份关于本年度的预测——7种将会流行并受用户欢迎的网站。响应式网页设计是一种特别的开发方式,它使得网页设计的同时无需考虑显示屏尺寸的问题。比如说,当一个设计效果分别在台式电脑,垂直或水平放置的平板电脑 ,还有智能手机上出现,其形式是完全不同的。响应式网页设计采用以内容为中心的方式来构建WEB冲突,同时具有可塑性和适应持续出现新技术的特性,因此它会成为未来网页设计的关键所在。trentwalton各类显示屏在不断变大——不仅仅是手机屏幕,甚至是超大台式显示屏及越来越多涌出的新平台,比如说汽车仪表盘和厨房台面,它们在长期的响应式网页设计预测中被认作是未来发展的主要趋势。这有几个更好的实例,以供参考bostonglobe.com, mashable.com 或catalystsearchmarketing.com (由网络营销商NOW创建).请注意,一大波”视觉设计”僵尸正在接近。通过对当下各大社交网站的新潮设计观察比较,包括Facebook,Google+,LinkedIn和Twitter,不难发现这些流行网站也可能考虑了如何让网页提供更新式更舒适的感官体验。此外,预计会有越来越多的企业采用更具视觉魅力的全屏网页设计。几个很赞的全屏网页设计实例:tristangaland.com, tatchies.com 和 culinariafoodandwine.com.levehytter
Photoshop设计大气华丽的房地产网页模板
本教程介绍高档商业网站的设计过程和方法。作者为大师级别的高手,制作当然非常讲究。画面构成简洁大气,素材安排恰到好处。色彩渲染层次感强。总体非常经典,值得学习。 最终效果一、前期素材准备,去网上搜集一些华丽,有气派的素材图片,根据下图标志风格选择一些欧式华丽素材。二、先将画面分成上中下三栏,Logo中间排列,菜单有金属感,将菜单指示效果做成金属感,菜单间的空隙要比Logo左右两边的空隙小,利用调整图层控制Logo背景的光效,为了增强菜单背景的肌理质感,适当在背景上铺上欧式花纹。三、将城市背景元素加进来,需要自己找相关的素材。背景城市在放置的时候一般要重心下移,留出天空的位置,也要留出位置方法广告词,不要把画面塞得很满,画面有透气感才好。
Photoshop设计大气的电商运动鞋海报设计教程
最终效果1、草图绘制准备做一个户外的海报,先来进行思维构图,用元素衬托场景,烘托气氛。2、素材准备根据草图和思维构图的想法,去找合适的素材,找素材是需要耗费很长的时间,也很考验耐心。3、铺制背景根据背景素材,进行拼接。
LOFT设计大赛一等奖刘舒作品详细解析
本文向大家详细介绍了获得本次火星时代第二届室内设计大赛之LOFT工作室室内设计大赛一等奖的372号作品的创作过程。提倡让“使用者受益无穷”的空间概念,作者将带给我们包括设计前分析,反射墙入口、玻璃会议室、楼梯下方的厨房设计等亮点分析等精彩内容。设计前分析每个人对LOFT的定义和理解各有不同,它可以是纯商业的,可以是商住两用的,也可以仅仅是一个储藏空间。空间功能和风格没有绝对,因为只有适合使用者并让其无穷受益的空间才是好的空间。根据建筑总平面布置图(图01、图02),我们推断该LOFT所在场所为创意工厂,而非一般的民居小区,使用者应多为办公群体,即公司或工作室。因此在总体布局上不应过于生活化,而应更偏向于满足办公功能需求。因此我们一定程度上削弱了居住的功能,如卧室和淋浴间。图01图02首先,我们假设该空间的使用者为8-10个人的小型室内或建筑设计公司,这样就明确了使用者的工作习惯、爱好以及对空间的特殊要求。一个设计公司按职能分为设计部和市场部,这就需要公共区域于私密区域绝对分开,互不干扰。由于设计这个职业的特性所需,往往设计公司都显得比较凌乱,总是堆放着图纸和其他对象,因此,我们希望通过合理的布局和细节上的巧思,尽量减少杂乱,并用设计引导使用者形成更好的工作习惯。LOFT空间构造
2016红点传达设计大奖获奖作品欣赏
一年一度的德国红点设计大奖传达设计类颁奖典礼近日在德国柏林音乐厅举行,红点传达设计大奖和红点产品设计大奖、红点设计概念大奖是红点设计奖的三大赛事。在 2001年之前,「红点传达设计大奖」称为「德国传达设计奖」,每年由德国著名设计协会为从事传达设计的专业人才举办。红点传达设计大奖包含21个参赛组别,包含线上设计、App、包装、或是游戏设计等,今天我们为大家带来了海报类别的获奖作品。信息海报Emergency Response Guidebook台风和地震在*很常见。 这两张海报通过以红色和蓝色为背景的两幅插图提高了人们对自然灾害的意识并提供了关于防灾的知识。 他们各自描绘了一场自然灾害,包括它造成的损害,并结合了东方神话中野兽的形象。 结合移动设备和增强现实应用,图形图像的几个部分可以被动画化以提供关于灾害紧急程序的信息。Client: Shu-Te University, Kaohsiung CityDesign: Yi-Sheng Zeng, Yi-Jing Chen, Pei-Yu Li, Qiong-Hui Fang, Department of Visual Communication Design
实例解析网页设计师如何认识完整的设计流程
设计是用来解决问题。对于设计师来说这是再熟悉不过了,但是到底要解决什么问题本身就是一个问题。大家都会提问,但是如何提出有探索性的问题,是非常难的。牛逼项目往往从一个好问题开始。我在伦敦研究生一年中,都在研究如何找到研究问题,问题方向找对了,答案也更有方向了。设计流程是一个直觉与深思熟虑相融合的行动。这篇文章将根据一个现有案例来分析设计流程的每一个阶段,从定义一个的研究问题到获得创意到设计执行。在沿着这个方向走的同时,组建设计团队需要的是多方面的人才,例如项目管理,文案,策划,设计,商务等等。接下来要介绍的这个项目是MICA平面设计研究生的研究项目。这个项目是由设计师Jennifer Cole Phillips为客户Charlie Rubenstein所设计的,目的是提升对本地社区无家可归的人的关注,是一个社会性很强的项目。对于无家可归的人这个范畴来说,是可以涉及到的范围是非常广泛的,上到*政策下到衣服穿着,设计团队需要做的是先明确设计目的,缩小研究的范围,创造一个核心价值点来传达设计理念。在2008年,设计团队在Baltimore城市访问了3419位居住空间特别受限的流浪汉。他们的研究问题是如何提高对这3419个没有住所的流浪汉的关注。设计团队根据这3419个人筹划了一场活动,单单只是针对了他们的住所问题。在这里必须插一句,一个设计解决一个问题就够了。这个项目的目的让在校小学生更好了解这一个群体。目的明确,受众清晰,下面是具体的操作方式。1. 定义问题:找问题的一个好办法就是采访。设计师通过与客户的访谈,和对洞察无家可归的人的内心需求来寻找切入点。有些客户和受众是不清楚自己需要做的是什么,作为专业的设计师,在客户或者受众访谈的过程中,必须具有敏锐洞察力,例如对客户和受众情绪的理解,从他们的姿势,动态,语速判断抓取当下的内容是不是客户在意的,是不是有价值。例如设计师在客户情绪激动的时候就抓到了几个有价值的信息:客户对现有的流浪汉服务非常不满意,政策十分单一而且不是每天都有能提供帮助,他并提出了希望设计一个以人为出发点的项目。客户觉得,他们这个项目在谈论的就是人,而且他们每个人又非常不一样,但如果他们尝试去理解每个人,他们来自哪里,他们的名字等等。客户希望做一个长达6个月的研究,采访他们每个人,而且不只采访一次,是一个长期过程,那么,设计师和客户将能慢慢了解他们的受众。设计思维导图是将调研过程中有用的信息整合在一起,不管是设计理念,核心词汇或者视觉元素等等。设计师以Homeless(无家可归的人)为核心出发,收集与其相关的内容和视觉元素,例如“家”元素就要钥匙,门把,墙,地板,邮箱等;无家可归的人的视觉形象是:粉笔标示,睡觉,睡袋,街道等;对于logo,家的logo有旅馆,家具,房地产等;对小学生的视觉logo应该是:吸引眼球的,新奇的,有时尚感的;所以对于将要设计的品牌logo设计方向的主视觉可以包含是:“家”“人”“手”“心”“抽象”等。品牌坐标轴是定位品牌一个有效方式,设置X,Y轴的属性后,将自身品牌在其位置标明出来,并与相类似的设计或者产品在同个坐标一起标记、对比,可以更好的拉开与现有设计的区别,这个方法在商业设计中也经常被用到。设计师做头脑风暴时选了三个词来思考无家可归的人的需求:“can”“want”“are”也就是他们能做什么,想做什么,他们是什么这三个问题,从而深入的研究受众需求。
网页设计2013年10大Web设计趋势心得
在2012年我们看到的几个Web设计趋势中,最显著的要数响应式设计了,而现在2013年的鸣钟敲响了,让我们大胆预测一下2013的Web设计趋势。1. 更多的响应式设计虽然响应式设计在2012年被提的比较多,但是响应式设计仍然在不断变化,不断创新。比如,新的设备不断出来(iPad Mini),这让以前的设计想法土崩瓦解。而现在各种Web的响应式设计也获得了越来越多的注意,“让人们忘记设备尺寸”的理念将更快地驱动响应式设计,所以Web设计也将迎来更多的响应式设计元素。2. 排版将变得很重要Web设计人员和开发者都很注意一个网站的图片和java s cript,这个趋势会驱动字体(排版)在网页设计中的地位越来越重要,从@font-face到服务器默认serve font(字体),这些字体往常的受重视度经常比图片和脚本轻。但2013就不会了。而且字体和排版是基于内容天生的,会比在图片和脚本方面下功夫更易获得回应。3. 跟Flash说拜拜Flash很有可能要over了,因为它不利于一个网站的SEO,许多移动设备并不支持它,升级它是个很痛苦的事情(升级后在浏览器里会卡);而且它的替代者都很优秀(HTML5/CSS3, java s cript)。TNW大胆预言Flash将在2013年彻底结束,一些曾经支持它的公司已经开始转移注意力,重要的是,很少的设计师和开发者会使用到这个,而那些想雇用这些技术人员的雇主很难请到人才了。4. iOS “拟物”设计不再受推崇
5个核心规则能够帮你做出优秀的LOGO
LOGO设计一直都是设计圈中的热门话题,也是设计师的老大难的问题。面对来自各方的压力,想要设计一个完美的LOGO并不是一件轻松的工作。既要原创,还要新鲜有趣,正如同我们常常吐槽的那样,哪有那么多高端大气上档次还精致简约有情调的设计啊?但是,LOGO还是要设计的。虽然许多LOGO设计的成功其中是包含有运气的成份,但是好的LOGO设计依然是遵循一些最基本的原则的。当你在构思新的LOGO之时,可以试着从下面5个关键设计原则的角度来思考。1、简单优质的LOGO通常不是华而不实的,你不会在这些优质的LOGO设计中看到四种色彩搭配三种不同的字体。这些优质的LOGO通常都力图追求经典和简单,这样会不受时间和潮流的影响。简单的LOGO设计,应当从你的品牌名称和简约的线条开始。你的品牌有没有什么标志性的形象,就像Apple和Windows一样?那么你要如何将这个形象融入到你的LOGO设计中呢?将普通的元素进行艺术化的表达,兴许是一个不错的解决方案。另一方面,如果你的品牌名称并不设计具体实物,那么基于字母或者形状的设计是更好的选择。LOGO设计应当具备整体性的思维。现在将一个品牌使用一个单独的图标或者字母来表示,是一个相当流行的做法(流行,但是也可以很经典)。当然,这是一种很酷的设计,前提是用户熟知这个品牌,这也是这种设计的局限性。坚持使用具备高度可读性的字体,普通的衬线体和非衬线体都是不错的选择,即便你要进行一定程度上的自定义也非常轻松。如如果你想使用新奇的字体,就得为了时尚而牺牲可读性。尽量为字体搭配简单的效果,阴影、高光以及各种炫酷�炸天的特效都会让LOGO和字体与其他的元素难于搭配。2、灵活
7个新人网页设计师经常犯的设计过程中错误
我在刚刚做设计的头三年经常会犯各种各样的错误,有些错误现在稍不注意还是有可能会犯。大部分的错误都是在创业公司工作时犯下的,后来去了国际互联网公司,有更多的资源给予提醒跟指正,因此大大的减少了犯错的几率。不犯错误,也就不会成长。我挑选了以下了7项杀伤力最大的问题。大部分都是我成长的心路历程,希望能够帮助到同学们的日常工作。1. 没有想清楚根本需要解决的问题是什么初级设计师经常会犯的错误是在没有思考透要解决的根本问题的是什么的情况下,就开始进行方案设计,而且是高保真设计,因此呈现出来的结果给其他观众的感觉都是很棒很完美,以至于多多少少影响到大家对解决方案的评判。这个问题到底有重要?就好比植物要先生根才发芽,根基不扎实,先解决枝叶的问题也无济于事。举个例子,用户真正的问题是要看中文的评论,因为产品要做的就是把其他语言的评论翻译成中文,而不是只提供一个copy功能,让用户自己copy出来再去使用别的软件来翻译。另外一个表现就是花过多的时间在一些流量相对不是很多的页面上,而不是抓住主要矛盾去重点解决,反复加强。2. 过于依赖数据在公司里,设计师寻找idea的一个重要途径就是持续的做可用性测试。我通常会在测试中观察到每个用户使用产品的习惯都可能差别很大,所以我每次在把这些测试结果转化成设计之前的一个重要的工作就是识别每一个结果是不是同时具有用户价值跟商业价值,是不是是一个值得投入成本的一个比较普遍的案例,还是一个个例 (edge case),因此有一些设计会等到通过相关数据验证以后才会决定是否要设计该功能。所以设计要合理的利用数据,并不是简单地由数据来驱动。3. 只考虑了一种用户的需求以前设计我犯过这样一个错误,将一个信息默认展示给所有用户,但是这种信息可能只有一种用户关心,那么这种方式无形中就给其他不想看到该信息的用户造成了干扰。因此,最后的解决方案是默认不显示这一信息,感兴趣的用户可以自行开启。设计师比较容易在一些小页面跟小功能上忽视这个问题,但是造成的影响可能是极大地。因此设计师在设计时需要全面的仔细考虑各种用户群体的需求,所谓的定制化功能的一种方式吧。4. 没有想好补救路径
快速打造电商专题之黑色星期五案例分享
本次借助黑五的实战案例分享,为你展现一个完整的电商设计流程,从最初的需求沟通到最后执行落地,都是满满的干货。那么最后说下:1、我分享的观点不代表所有人的观点,千人千面;2、你看或者不看都可以,我分享或者不分享也是可以。如果你觉得误导你了,请你不要看。3、欢迎大家关注我的公众号:三根设计骨;自黑及吐槽为主,干货分享为辅甚至很少。请大家第一时间关注,我会第一时间拉黑你们。(奸笑)首先说下我日常的工作流程:1、与交互沟通交互稿的内容有无疑问;2、与产品沟通需求风格等,并出视觉推导邮件;3、初稿,内部先看有无问题或建议;4、与产品过稿,并确认有无问题;