推荐阅读

Photoshop绘制磨砂风格的清凉立夏壁纸设计教程
效果图思路分析画之前先来看看小笔记【一】草稿我的草稿比较简洁(承认偷懒了),希望大家不要这样,尽量能画精细就精细点,因为线稿对于上色来说很重要,如果线稿精细点的话会影响后面的上色环节,上色时会一脸懵逼状。【二】上色图层名字方面不用参照我的,按自己习惯来就行。(这用到的上色笔刷前面有提到名字,不知道的可以去前面看看。

那些不为人知的Photoshop高效操作秘籍
作为一名画图工,常年被改稿狂魔的蹂躏后,虽然不敢说能完全掌控 photoshop 这个常年崩溃的小婊砸,却在日常的操练中发现很多让我觉得“阿西吧,还能酱紫”的技巧。在这里和大家分享下,虽然有的技巧比较奇葩,但是如果小伙伴掌握了,必定能提高自己50%的操作效率(瞎扯),与 Photoshop 和谐共处,远离加班,无忧改稿。自定义快捷键玩 ps 就好像玩 mmo 游戏,通过键盘释放技能的人 kpm 明显高于在屏幕上点点点的人。Photoshop 提供了非常丰富的快捷键并支持自定义,记住常用的快捷键可以节省大量的操作步骤,进阶级玩家还可以自定义快捷键,一键对齐、切片。自定义快捷键:编辑->键盘快捷键或者Shift + Option + Command + K调出自定义面板。下面推荐一些隐藏得比较深但是炒鸡实用的快捷键:数字19:选中一个图层按19可以调节当前图层不透明度,如按1为10%不透明度,快速连按59为59%不透明度。/:锁定当前图层,使之不可移动。按住 alt 再点按当前图层的小眼睛:只显示当前图层。shift+数值调整:在很多数值调整的情况下,按住 shift 再调整数值可以使数值以10的倍数进行增减,如 shift+方向键下,以 10px 的倍数向下移动图层。

形状编辑与交互式设置花蝴蝶
利用交互式工具可以制作出一系列特殊效果,通过变形对象,给对象添加新的元素或改变对象外观等多种操作,使其达到不同的效果,本节以制作蝴蝶为例,介绍交互式工具的使用。花蝴蝶预览效果图步骤1 新建一个空白文件执行【文件】|【新建】命令,建立一个新的文件(或按键盘上的Ctrl+N快捷键)。步骤2绘制蝴蝶翅膀在工具箱中选择【贝塞尔工具】,鼠标在工作区变为形状,在图层中拖动鼠标,绘制不规则图形如图1-4-1所示。

个人首页制作诀窍
1.首先主题选择不要落俗!现在许多的个人主页就象“大锅饭”。题材包罗万象,内容雷同无味。人人都是“软件速递”“音乐宝库”“主页教程”等等。让我一看就赶紧“back”,我可是花钱上网的噢!题材的选择少而精,又能坚持天天更新的话,会很快受到大家的欢迎,就象书路的电子图书,龙翔的游戏资讯。另外提醒您的一点就是,最好不要在主页里设有关hacker(解密,注册码)的资料,国内大部分的免费空间提供商都不接受含此类信息的站点。 2.如果您准备建立新的个人首页,千万不要立刻开始制作页面。一定要好好的想一想,总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起,想到什么就作什么,往往会使您的网站,虎头蛇尾,条理混乱,最终因维护困难而夭折。 3.开始制作请您千万不要急着许多页面一起制作。许多新手会及不可待的将收集到的各种资料填入各个页面,转眼首页速成,成就感喔!可等您回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦!建议您先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计周全,例如:每页设置“返回首页”的链接,Email地址,版权信息等。然后copy成N个页,再将相应的内容“填空”。这样制作的主页,速度快,整体性强。如果您能结合borders的使用,可以天天轻松改变站点的风格。 4.制作时,内容不要全搬照抄他人的内容,适当加入一些自己的文章,评论和见解,会使大家更加相信您,尊重您。例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程。毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在! 5.每个页面不要使用超过2个的java程序,能够用javascript替代效果的则尽量不要使用java。因为目前来讲java的运行速度实在慢的让人无法忍受。java会使您的网页速度减慢至少50%。由于浏览器的版本,有时候等候半天,却告诉您java applent不能启动,这种经历相信您也有! 6.单张图片不要超过30k,每页图片总量不要超过60k(一般情况)。据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的,所有的图片都必须“减肥”小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以“分割”成小图片。合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示。 7.设置一个专门的“what's new”页面。及时醒目的告诉来访者您主页最新更新的内容,这样能方便常客浏览和寻找他们所需要的内容。许多好的主页干脆将首页的内容作成“what's new”如“欢乐天地”“华军主页”,让您一目了然,不致于层层深入,一无所获。 8.为您的图片加注解。图片的下载较慢,在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击。特别考虑到纯文本浏览者浏览的方便,您千万抽空为图片加一个注解。这是一个小地方,却体现一个网页的制作水准哦! 9. 备份您的主页。您要说了,这也算窍门?象在凑数!千万千万不要这样想。“机有不测风云”,现在系统大战,软件Bug百出,病毒横行的年代,您保不准什么时候机器罢工,辛辛苦苦制作的网页付之东流。这样的“惨痛教训”我可不止一次了。算俺罗唆也好,杞人忧天也好,您就备份了罢!
最新发布

详细解析超实用的数据可视化零基础教程
近日星巴克与微信推出的社交礼品功能“用星说”,可以说刷遍了朋友圈。无论你爱不爱喝咖啡,星巴克似乎都成为了一种文化象征。上班族青睐,小清新喜欢,基本上大家看到绿色的人鱼标志就能马上认出它来。虽然一直也有喝咖啡的习惯,但至今不知道星巴克菜单版上列的【摩卡】、【拿铁】、【美式】、【卡布奇诺】等等有什么区别。直到看到下列图,才很直观的了解到每个咖啡类别的区别是什么。类似上图示,针对内容复制,难以形象表达的信息,通过图形简单清晰地向受众呈现出来,这种图称之为信息图。信息图信息图本身是一个合成词,由信息和图两个词组成多称之为(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. 用参考沟通在当面与需求方沟通前,根据既定的活动文案和玩法,先试着去网上搜索一些相近的、相同的、有启发性的参考设计,发给需求方进行预览。用来沟通需求方的喜好,明确接下来该走的方向,最后达成对风格的整体认知。用参考去沟通,这里所示的找参考并非是圈死设计师的思路,一味照着参考去抄袭。而是在中国现有的二三线城市里(毫不夸张的说,一线小公司也有这样的)中小企业的需求方,在审美上需要设计师去引导。