推荐阅读
Photoshop制作可爱的蜜蜂纹理艺术字设计教程
最终效果1、把下面的蜜蜂图片保存到本机，再用PS打开。2、首先我们要抠出蜜蜂的身体部分，并细化处理，得到适合制作文字的素材，下面的步骤可能会很繁琐，如果嫌麻烦可以到视频教程下面下载现成的纹理素材。用钢笔工具把身体部分抠出来，转为选区后复制到新的图层，按Ctrl + T 把角度调正，然后在背景图层上面新建一个图层，用油漆桶工具填充白色。3、选择涂抹工具把左侧边缘的细毛涂出来，如下图。4、用钢笔工具勾出下面的部分，把选区反选后按Delete删除右半部分，如下图。
Fireworks MX 之初体验1-1
在编者的苦口婆心，盛情邀请下，风云设计 的两位高手 风筝 和 心动为谁 终于答应，为广大朋友奉献对 Fireworks MX 的亲密接触后带来的初体验，为喜爱 Fireworks 的 fans 们作出贡献，特此鸣谢！Fireworks MX 初体验 正如好多“专家”预料的那样，Fireworks Mx（Beta）[以后简称FWMX]终于在5月份左的时候出现了。估计刚刚拿到测试版的朋友们的心情肯定和我是一样的――激动得很、并且对她充满无限憧憬。我现在倒是真的很想知道各位在安装后，然后真正开始使用后的真实感受，呵呵~~~可能就没有当初想的那么美好了，至少我是这种感觉。 好了，个人的情愫暂且抛开，免得有骗稿费的嫌疑，下面我们就一起来对全新的FWMX做一个初次的体验。（注：我们本节的目的主要是通过和FW4的比较来实现的！如果您对FW4尚一无所知的话，可以对涉及到FW4的内容略过不看。） FWMX给我们最大的感受是视觉上带来的强烈的冲击，当然还有一些更加人性化、快捷化工具的设置。我们知道，MM公司基本上是在相同的时间同时推出了FLASH、DW、FW的MX版本，自然追求了风格的统一和完美，相关图标及其相关的启动画面，还有风格统一的属性面板，可拆分重组的面板窗口无一不给我们更舒适的视觉感受，说来说去，我们还是先一起来看看FWMX的启动界面吧！1、完美统一的启动界面： 这个东西想必我们不需要多废话了，奇怪的一点儿就是，我们可以清楚的看到版本号为6.0，呵呵，5.0没有了…… 2、透过刚刚打开的工作窗口，我们可以看出FWMX相比较FW4来讲，要“霸道”些了，怎么讲呢，我们可以看到在FW4中可供我们操作的区域在FWMX中被众多的面板瓜分的不轻，看来我现在800*600分辨率的烂机机是不能满足FWMX的要求了，调整到1024*768，看起来似乎舒服多了。 现在我们可以点击"file--new"新建文件了，看看在不同的FW版本中，会有什么不同，当然，我们还是要主要看看FWMX到底给了我们什么最新的感受！
教你用Flash制作不停转动的地球仪
上学那会儿，经常看到老师拿着地球仪给我们上课，当时看着漂亮的转动着的地球仪真想自己也拥有一个。现在这个愿望终于实现了！嘿嘿，不是花钱买，而是使用Flash制作！而且还是一个带有立体感的透明的地球(如图1)，它可以广泛地运用在很多Flash动画中，比如一些网站开头动画和Flash短片中。 素材准备 1、启动Flash后，按“Ctrl+N”新建一个动画，按“Ctrl+M”打开影片属性窗口，设置影片大小为80Px×80Px，背景色设为黑色。 2、现在我们来做一个地球前景。按“Ctrl+F8”插入一个“Graphic(图形)”，取名为“前景”，使用圆形工具画一个圆。设置圆形的填充色，选择“Windows→Panels→Fill和Mixer”打开填充和颜色控制面板，然后选择“Radial Gradient(射线)”，点选前面的小划块，把Mixer面板中的“Alpha”调节到“0%”，这样可以使圆圈中间透明，点选后边的小划块，把颜色设置为深蓝。默然的填充效果是正中的，我们可以选择漆桶选项中的“Transform Fill(转换填充)”把填充的中心向左上角移动一下，这样可以使地球看上去有些立体效果。 3、按“Ctrl+F8”插入一个图形，取名为“圆形”，画一个圆，填充颜色可随意。再插入一个图形，取名为“地图”，用铅笔工具(Pencil)在工作区勾勒出一个平面的世界地图(也可导入位图，然后进行打散扣图)，然后用油漆桶工具(Paint Bucket Tool)将其填充为绿色，把用铅笔工具画出的边缘删除，最后把整个地图再复制一个，将两个地图并排。到这里我们需要的素材就准备齐全了。 制作过程 1、返回到场景中，把图库中的“前景”拖拽到图层1中，然后在50帧处单击右键，选择“Insert Frame(插入帧)”。 2、新建一个图层，取名为“圆形1”，把图库中的“圆形”拖拽到该层中，调整位置使其和“前景”图层中的圆形重合，并在50帧处插入帧。新建一个图层，取名为“前景地图”，在第一帧插入关键帧，把刚才做好的图库“地图”拖入，调整地图的位置使非洲刚好超出圆形一点；在25帧插入关键帧，向左移动地图到南北美洲，使南北美洲在圆形的中心；最后在50帧处插入关键帧，继续移动地图，使第二个非洲刚好超出圆形一点，这样安排地图位置的好处是动画在播放时更加流畅，不至于有打更现象。然后分别把第1帧到25帧和25帧到50帧设置为“Motion (运动)”，最后在“圆形1”图层上点右键，选择“Mask(遮罩)”。 提示：在调整地图位置时，地图被圆形遮挡，不便于观看，可在“图形1”层上单击“Show/Hide All Layers(显示/隐藏图层)”隐藏圆形。 到这里已经有了大体的效果，下面我们要做的是背面转动的地球，有了这个效果动画会更加完美。
实例学用CorelDRAW9（七）
七、运用渐变工具（海鸥） “交互式渐变工具”位于工具箱自上而下倒数第四的位置（由很多个方块图案组成的那个图标）。他主要用来……怎么说呢？从一个对象到另一个对象的变形。我只能这样说了，事实上，他的功能也的确是这样，但至于实际工作中你要用于什么地方就得看你的了。现在，开始我们的实例，打开前面我们用过的一只茶壶，一只海鸥，我们就制作从茶壶到海鸥的变形，看看到底“交互式渐变工具”是怎样工作的（呵呵，越来越懒了……）。第一步：打开图形。如图32。（图32）这是两个对比非常鲜明的物体，马上你就会看到他们如何渐变的了。第二步：点取渐变工具，作出一个渐变来，如图33。（图33）这个工具使用起来很方便，先点取一个物体，拖动鼠标，到下一个物体，松开鼠标。你就会看到一个渐变产生了。你现在做的这个渐变是CorelDRAW9中的缺省控制的结果，所以，他中间有20个渐变的新对象，属于直接渐变。你试着自己控制一下属性条吧……是不是很简单？
最新发布
来和小伙伴一起学习响应式网页设计
响应式设计现在已经成为网页设计师学习的焦点。优设哥发现群内有很多相关的讨论了，这说明我们平时接触该类案例越来越多。你会渐渐发现，我们身边越来越多的企业和客户关注到响应式网站，作为勤奋的设计师，我们怎么能不对它进行了解呢?响应式网页设计考虑到多平台、多种屏幕尺寸的情况，能够优化多种设备的网络浏览体验。当你不知道用户使用什么设备，不知道用户的屏幕尺寸时，若想达到较优布局，可以采用响应式设计。在进行响应式设计时，要专门针对内容进行设计，优先考虑在不同环境下内容的适应性。响应式网页设计过去，上网需要一台电脑，一个猫。现在呢，手机、平板、电视都可以上网。Responsive Web Design, 由Ethan Marcotte编写， A Book Apart出版，对响应式设计的原则进行了详尽的阐述。
浅谈网页设计中半透明的运用法则
使用半透明元素来设计网页很美观也很需要技巧。半透明效果是指色块、文字或图片被“稀释”或者冲淡，使得颜色减淡，并且透出后方内容。执行到位的话，这种效果会非常震撼，能划出一块绝佳的文字展示区域，或者作为吸引注意力至图像某部分的手段。但是使用半透明时，设计师必须小心谨慎。这种效果很难处理得当，因为事关可读性。透明度使用错误的半透明块和文字也，会能散注意力，并且破坏整体设计效果。接下来看一套行为准则，附带一些半透明效果在网站上的优秀执行案例。通过半透明来形成对比选用半透明设计技巧的最大好处，是创造对比。这种效果可以让设计师通过色块、图片上的大字体或多种颜色层次来创造视觉焦点。半透明也可以在背景图不能很好展现上方文字时，将文字分离开来。
20个国外唯美的暖色调网站色彩欣赏
SweetCake – One Page PSD ThemeLe SALÓNBrand & Web Design: Dotty Rose – Cakery & Sweet Treats – Mood Board, Brand Styling, BrandingThe Sky tells me… | Personal Website One PageWes Anderson
20款优秀的网页交互流程图设计欣赏
Information Architecture by Kellyn Loehr User Flow by Eric Ressler Simplified Checkout Process by Michael Pons User Flow by Mackenzie Child Flowchartby Eric Miller
详细解析通过设计让APP变快的6个方法
我们都知道不管网页还是移动应用，响应速度都是最重要的体验指标之一，并且移动应用的网络环境不稳定，速度的体验显得尤为重要。其实速度优化不仅是程序员的事，设计，也能够让APP变得更快。1.后台执行这是一条很通用，也容易理解的方法。用户不会愿意盯着进度条傻傻地等待，除了“取消”没有其他选择。在系统处理一些网络任务的时候，完全可以允许用户做一些其他的事情。各大平台的发微博，都采用了后台执行。云阅读的离线下载也采用后台执行。而微博的看长图(或视频)，是个反例。网络不给力时，要么等待1分钟让图加载完，要不就只好放弃看图。为什么不能让图加载的同时，用户可以看其他微博呢?2.在载入前显示内容客户端与web的一个不同点，客户端的显示内容包括本地数据和网络数据两部分。在设计界面时，将更多的信息放在本地，在网络数据未载入时即显示本地数据，让用户产生一种“已经载入一半了”的错觉，即使最终的耗时一样，心理感受也会更快。当然把数据过多地写在本地，会牺牲一些灵活性，需要根据具体情况考虑。具体请看twitter、Facebook、Vine等优秀产品的启动画面，虽然同是静态图片，但它们不使用LOGO而假装已经载入了“导航栏”和“标题栏”，让人感觉“点击后立即就启动了”。
浅谈那些大胆忽视设计趋势的网站
作为网站设计师，我们很容易就迷失在流行设计的风潮中。比如说，最近颇为流行的扁平化设计已经成为了成千上万的网站争相应用的形式。然而，提升设计固然重要，一味跟随最新流行趋势却让我们的网站千篇一律毫无特色。值得我们关注的是，那些真正富有创意的设计如何大胆的对抗那些所谓的流行趋势，坚守自己的创意之路，推广他们独特的时尚感。这篇文章展示的是设计师们如何通过自己的作品来传递他们的个性，对于视觉的鉴赏力，还有他们无处不在的天赋。所有的设计都别具一格，独一无二，却都美不可言。希望这些设计能激发你的灵感，为你的设计生涯找些平衡。了解最新的流行设计趋势很重要，你可以从中学习，但是更重要的是你能找到自己专属的风格。Oleg Postnikov这个网站是由设计师Oleg Postnikov创建的，也是他审美和设计理念的大胆宣言。通过排印，简单的图像使用单一的鲜亮颜色，布局不同寻常，错落有致。同时他也展现了对插图的偏爱和现代感的钟爱。Beta Takaki这个网站采用的是和上述网站完全相反的处理方式。它的特点是大大的图片搭配很小的简单的字体。水洗灰色构成了大部分的底色，创造出冷静，简单抽象的氛围。和上面的网站一样，这个网站同样现代化的无可挑剔。Benjamin Sheppard
网页设计总结之让设计作品更上档次
大家都知道”细节决定成败”这句名言不仅在其他行业非常重要，而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的，对于一个页面没有得到需求方的认可，但是他们又说不出什么理由，这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。那我们具体该如果做好细节呢? 下面简单介绍一下。字符字符是页面中不可缺少的部分，页面上最重要的部分。所以这部分细节是最基础的，也是最不可忽视的。网页上80%的信息是以文字形式传达的，任何网页元素都无法替代文字的作用。网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。字号字号的选择是根据功能需要而定的，字越大给浏览者的视觉冲击力越强，一般用于标题或其他需要强调的地方。小字整体性强，页面易产生多个中心，缺乏美感，时间略长，浏览者易产生视觉疲劳。最适合网页的字体大小为12磅，如果在一个页面内容较多，通常可以用9磅的字号，随着互联网飞速的发展，在内容较多的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达，在官网及专题里文字都不会像门户类页面那么多，所以常规情况下最小保持10.5磅以上字号。标题文字的运用
浅谈高大上的动态设计方法及流程总结
在设计开发的过程中，当设计师做好了一套静态页面而且设想出N种有趣的交互动画，再交付重构还原页面的时候，由于无法提供精确的动态参数，导致沟通和制作的成本增加，而且最终的测试demo也差强人意。因此，我们通过研究当下的动态设计趋势以及PC端的交互特征，在QQ空间V8新版中做了动态创新探索，同时总结归纳出一套适于设计师表达设计概念的设计方法和流程。这是QQ空间团队开发V8新版后总结的文章，对动态设计的总结详实且条理性强，配图也很形象，是一篇难得的好文，相信设计师们阅读完会相当受益 : )一、流动的趋势众所周知，早些年流行的flash主页因其酷炫的效果风靡一时。如今随着html5和css3的发展，在配合高端浏览器的使用环境下，用户可以体验到更流畅顺滑的动画效果。同时，手机端的动态设计效果也提升了用户感知度、提高了产品的易用性;考虑到体验设计的一致性，动态设计还应兼顾跨平台和终端的拓展效果。动态表现对传达产品功能、拓展用户的感官体验等方面起着举足轻重的作用。如：进程类演示类动画，内容不再是从0到1的跳转，加入了动画过渡，让复杂的程序语言转化为动态视觉语言“我正在处理你的内容，请稍等”。一方面可以带给用户安全感，另外也缓解了因等待而产生的焦躁感。二、动态设计探索
新手教程之如何设计Favicon站点图标
现代网页设计中最令人沮丧和感到混乱的莫过于网站图标了(favicon)，是“favorite icon”的简称。这枚小小的图标一般出现在浏览器的选项卡里、地址栏处，根据我们操作系统和浏览器的不同，还有可能出现在其他地方。我先给大家科普下：favicon，即Favorites Icon的缩写。favicon 就是出现在浏览器地址栏左侧的那个小图标。favicon，中文名称是网站头像。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。由于他们不同寻常的文件格式和超级小的图像尺寸使得设计师们在设计这些图标时显得很费劲。更加见鬼的是，人们有时候甚至纠结于这单词的发音(我曾听人说“fah-vee-con”和“fave-eye-con”,尽管前者更常见)。啊，穿过一切没用的元素，直击主题吧!好文推荐：第二弹!那些你不知道的photoshop冷知识之乾坤大挪移高手支招!怎样分辨图片是否被PS过设计一枚favicon创建标识是设计的第一步。一个好的favicon应该在本身小得如同表情的情况下捕获网站的本质，并且在非常紧凑的空间里传达你的品牌。Favicon最常见的形式是该公司的商标标志(并非完整的标志与文字合并成的商标)。
设计大师漫谈响应式网页设计心得
1. 如何理解响应式设计(RWD)zhongfan ：学究一些，首先大家先了解一下响应，然后再讲一下设计，响应就是我发出的请求能得到什么样子的回复，比如我说 “你好”，你会很容易的给我回复”你好”，因为大家都是中国人，如果我说”hello”，我们这代人如果上过初中，他也会给我说”Hello”，但是如果 我给对你说”Bonjour”，那可能只有高配的人才可能知道了。这里面，就举了一个例子，我的应答对象就相当于我们要讲的响应式的设备，他必须能够解析 我发给他的需求。然后咱们再讲一下设计，设计的官方解释是这样的：1.设下计谋。2.根据一定要求