推荐阅读
Photoshop制作华丽的金色星光字体设计教程
效果字构成有点复杂，分为多层：纹理、投影、高光、描边等。每一部分都是用图层样式来完成，不过要注意好层次，纹理图层最好放到底部，高光图层放到上面。最终效果1、新建画布。打开PS软件，按Ctrl + N 新建画布，尺寸设置如下图。2、设置背景色。在工具箱中选择渐变工具，然后在属性栏点击渐变设置渐变色，如下图。3、设置好渐变色后在属性栏选择“径向渐变”，然后由画布中心向边角拉出渐变色。4、导入文字。把下面的文字素材保存到本机，再用PS打开，用移动工具拖进来，并调整好位置。
用PS图案样式打造橙色蜂窝水晶文字
本教程文字效果有点类似纹理字的制作。只是教程中用到的纹理比较特殊，是六边形图案，而且这些图案都是分开的，应用图层样式后，每个小格都会有相同的效果，非常可爱。原图 局部放大 一、新建文档1200x900像素，背景填充#eddbb9。 二、建新层，填充白色，添加图层样式。
给电影做个Cool片头
我们用的软件是Ulead Cool 3D Studio。 DV玩家对Ulead Cool 3D的了解可能更多限于3D字的制作方面而忽视了它在三维场景制作上的强大功能。至Cool 3D Studio发布，局面才有了大的改观。这个Ulead改变了市场定位全新推出的新产品，不仅继承了Cool 3D的优异特性，而且改进了3D引擎，强化了建模能力（增加了Lathe建模方式和Freeform修改工具，以及支持3DS模型的导入），增加了动画背景、渐变背景和魔术纹理背景模式，支持背景声音的设置和动画贴图等，使Cool 3D Studio终于有了大家气象，成为功能强大的3D设计软件。 下面以一个片头的制作为舞台，让Ulead Cool 3D Studio来场精彩表演吧。 创意 为简化操作，整个片头分成A、B两段分别制作，最后用“会声会影”或Ulead MediaStdio Pro拼接起来即成。A段：背景为选择的视频。另一段视频从屏幕深处推至眼前，爆裂，隐去。场景中始终有云烟缭绕。B段：背景仍为选择的视频，三个贴有视频的影框从背景不同方向飞出，排成一列。一团烟云从左至右飘过，影框随之旋转变为“我之影”三个字，字发出闪动的辉光，最后定格。 A段制作 1.在Ulead Cool 3D中新建场景。在Project/Dimensions菜单中设置场景大小为320×240 Pixels。 2.在View/Toolbars Manager菜单中打开Attribute Panel。在该面板的下拉框中选择Background项，再选Video项，弹出打开文件对话框，选择准备好的背景视频文件。这样视频背景便设置好了。 3.点击左边工具栏的Insert Graphics，在弹出的Path Editor窗口画一长方形，并调整参数为X：0，Y：0，Width：200，Height：150（图1）。确认后即生成平板对象。
专业美食摄影师精彩作品 教你如何拍摄食物
我的所有照片全部使用自然光(太阳光)，没有人造光等辅助光源。拍摄器材是佳能5D mark II 相机，腾龙90mm定焦微距镜头，佳能24-105变焦镜头，多数都使用三脚架。大多数情况下使用逆光或侧逆光或侧光拍摄，光线好时iso通常使用200。后期处理照片使用PS和LR。 Argument：f/2.8，曝光1/10秒，ISO-200，焦距90mm，16:55拍摄 Light： 侧光 Food Styling：葡萄 Props：木碗、咖色旧木箱，深色背景 Composition： 平拍。如果画一个九宫格，焦点位于左下方的点上。 Detail：想在静谧的环境中突出葡萄的质感。使用了较深颜色的背景和容器～使用较窄光束照在葡萄上，而其他位置做了遮光处理，所以呈现了主体亮，其他位置暗的效果。 Argument：f/6.3，曝光1/15秒，ISO-400，焦距93mm，15:12拍摄 Light： 侧逆光 Food Styling：车厘子 Props：葵花形木盘，绿色旧木箱 Composition： 小于90度角的俯拍。主体位于九宫格的右上点位置，左下散落的樱桃和汤汁作为补偿。 Detail：我用箱子的绿色和樱桃的红色作为对比色，侧逆光突出樱桃的光和影，下面散落的樱桃和樱桃汁想表达较为随意的感觉。 Argument：f/11，曝光1/60秒，ISO-200，焦距105mm，14:12拍摄 Light： 逆光 Food Styling：大蒜 Props：绿色旧木箱，柔光板 Composition： 平拍。不同形态的大蒜随意放置，蒜皮在右边丰富柔和画面～ Detail：我使用逆光拍摄，绿色箱子上面的油漆本身具有反光效果，所以看起来有些像湖面，而上面不同形态的大蒜，我想它有一些水上生物的感觉。 Argument：f/8，曝光1/25秒，ISO-200，焦距90mm，15:27拍摄 Light： 逆光 Food Styling：鸡蛋 Props：柔光板，压克力倒影板 Composition：平拍，居中构图，整齐排列。 Detail：我使用了不同破碎程度的蛋壳，用蓝胶粘在反光的压克力板上，中间洒落的蛋液，起到了视觉焦点的作用。 Argument：f/2.8，曝光1/20 Argument：f/5，曝光1/80秒，ISO-200，焦距70mm，13：30拍摄 Light： 侧光 Food Styling：韭菜花 Props：木板 Composition： 俯拍居中构图。 Detail：拍摄女孩手捧小花，想表达细腻珍贵的意境，以虚化的韭菜花为背景。
最新发布
设计师如何快速的搞定产品详情页设计
因为最近接触的都是美妆类目，所以我就以美妆为例。其他各行各业可能会有些不同，这里主要是分享一些方式方法，具体执行的时候肯定需要结合所属行业和促销情况来决定整个框架。首先我们分析一下产品详情页的基本结构逻辑：组成部分：1.版头2.产品信息3.提出问题(也就是告诉买家为什么需要你家的产品)4.解决问题(用产品成分和功效、或者使用对比图等证明你的东西可以解决买家的问题，有个性的的话还可以加一些材 质、设计什么的)5.打消顾虑(牛逼的销量、达人推荐、资质证明、品牌实力、贴心服务，什么无效退款，赠运费险啦等)这些东西有时候会直接置顶，或放在版头+产品信息的下面。根据实际情况和运营需求确定。6.使用说明7.产品细节/拍摄原图下面我们再对每一个板块进行分析：
通过私活实例总结了两个实用的设计经验
这些天帮朋友做了个小活儿，收获几点感悟(接到私活该如何按什么步骤进行设计，收藏的优秀素材该怎么用才能提升自己等)，与各位分享。1，求单位时间内的最优效果最初接到的需求非常明确：视觉包装最着急，Logo其次。理智的做法应该是先做简单的视觉包装，做完一步是一步;然后有宽裕时间了再去想Logo。然而我，却总是情不自禁地先去想Logo，然后一晚上一晚上的想方案否决想方案否决……等到快要发视觉包装的时候，才发现时间快不够了，才赶紧去做包装。结果Logo也没勾出啥名堂，包装又做得很仓促。别以为这是知难而上，其实这是极不专业。如何在有限的时间里，合理安排时间、分配精力，在deadline前拿出效果最好的方案，是和“设计”同样重要的能力。打个比方：有8分设计能力，2分时间管理能力，结果可能是5;但若有6分设计能力，8分时间管理能力，结果可能是7。
5种通过讲故事的方法设计BANNER背景
一直有人问Banner 背景怎么做，其实设计Banner 和讲故事一样，都是用来烘托主体的，所以也有套路可循。今天TTTing1这篇好文就总结了5种常用的Banner 背景设计，简单易懂，案例丰富，建议阅读。写在前面我们先回顾下banner由哪些部分组成：主要由文案、商品图或模特、背景、点缀物组成，如下图所示：(这张图的出现频率很高，大家估计都已经烂熟于心了吧，哈哈～)我们可以看到，一个Banner的主体始终是文案或商品模特，文案为主的情况居多，而背景始终是个配角，它是用来烘托主题，渲染气氛，突出主体的。二、如何用讲故事的思维理解Banner设计及背景的制作呢？那么，在讲banner的背景制作之前呢，我们先看一段小故事场景描述(描述1):阿呆是一名电商设计师，今天他发工资了，因为约好了请几个哥们儿晚上一起吃饭，所以忙完手上的事情，他匆忙地收拾了东西就钻进了电梯，目光一下子就被一位打扮靓丽手提2016秋冬最新款prada包包的年轻女士吸引住了，他定睛一看，没想到就是他的前女友!～“几年不见，她的变化已经这么大了??简直就是标准的白富美啊!”他心想着，看着电梯按键面板上已经亮着的按键“-2”，他默默的按下了按键“1”。
设计师如何快速的寻找LOGO设计的灵感
之前我做了一个直播节目《三分钟奇葩烧脑》，内容就是观众在直播中随意说名词，我任意选择两组不相关的名词，将其视觉化，根据视觉化的图案，在三分钟内，快速的对元素重构，筛选，组合出一个完全新的图案来。下面我主要讲述一下我是怎样通过两步，三分钟做无限创意的。“主持人好，观众朋友们好，我是每日一设哥，这次的两组奇葩名词是“写作”+“咖啡”，可以看见画面中我把咖啡杯口和写作文稿，做了一个结合，进而形成了新的图案，可用做写作咖啡屋的Logo，谢谢宝宝送的火箭，有现场的观众说出了“闪电”的名词，我又把杯子的下半部分和咖啡杯口又结合了一个闪电的标志，比如有一新款速溶咖啡叫极速咖啡，就可以用上面的这个Logo，主持人，大概情况就是这样，请画面交回给主持人，”这是我当时直播的时候做的一些创意图标，我选取一部分创意内容做成了图标，看似不相关的名词，在特定的环境就会出现新的含义。第一步，两组奇葩名词为什么是“两组奇葩名词”?我们在做LOGO设计的 时候往往都是两组或两组以上的元素相互堆叠后，进而设计出新的图形。在设计LOGO之初，我们往往会根据甲方或客户的信息，针对品牌进行市场调研，分析公司资料，服务体验，竞争对手，品牌市场认知等，对企业的用户人群定位和品牌概念：提炼几组精准关键词(品牌灵魂所在)，然后根据几组关键词进行头脑风暴。头脑风暴过程：收集想法——产生联想——进入创造——联想图案在头脑风暴的时候，针对关键词任意联想相关的词语，可以多级层次的联想，不在乎质量，达到足够多的数量，也不要带批判性的去评价联想词语。
如何做好移动APP让用户体验脱颖而出
启动页、空状态、动画反馈、框架界面… 今天提到的这4种状态，都是容易被忽视，而又能让移动App 脱颖而出的细节。如何做好这4个细节的用户体验设计?今天这篇好文总结了关键的几个原则。启动页当用户打开 app 时，最不能做的事情就是让他们等待。但是如果 app 的初始设置非常耗时，又不可能优化该怎么办?你不得不让用户等。如果他们愿意等，你得知道如何 吸引他们。启动页解决了等待的问题，让你有一个简洁有力的窗口来吸引用户。这里有一些小贴士，在设计启动页的时候记得注意：Google 和 Apple 都建议用启动页 模拟更快的加载 来提高用户体验。启动页给到用户即时反馈，表示 app 已经启动并正在加载。 为了保证人们等待的时候不厌倦，给他们一些 娱乐：有意思的，意想不到的，或者任何可以抓住用户注意力的东西，时间长到够 app 启动就好。如果 app 的初始设置超过 10 秒钟，考虑使用 进度条 来表示正在加载。记住，不确定时间的等待给人的感觉要比确定时间的等待更加漫长。所以，你要给用户一个清晰的标识，他们需要等多长时间。(通过使用进度条让加载过程更自然)
设计师来看这两个超实用的配图加工秘方
做设计最怕的就是图片质量低/不清晰/不够新颖，今天飞屋睿UIdesign分享几个配图的加工秘方，帮你解开图片难题的困扰。网页设计中的所需要的配图素材有一个非常重要的来源——摄影。摄影配图是我们最常见，也最为简单的配图方式。网页设计师大概都会有这样的体会，如果摄影作品足够优雅，设计师的工作相对就更轻松无碍。当然，优秀的摄影作品是可遇而不可求的，很多时候，我们能拿到手的资料也许就是一张平凡无奇的摄影图，这对于设计师而言无疑也是一种挑战。几个摄影为王的例子下面这两个网站的首页设计都用一张全屏的摄影大图展示，优秀的摄影作品让网站本身的形象立起来了。如果是以时尚服饰、餐厅等内容的网站，本身就需要展示其产品本身的魅力，因此摄影图本身就极为重要。因为服饰的美感、美食的诱惑……本身就足以打动观众了。但是，怎样摄影摆拍依然需要精心设计。下面这一组展示鞋子的摄影本身就充满了设计感，这样就比单纯去展示鞋子效果要好。如果有这样的摄影作品资源，网页设计的视觉效果必定不会太差。就算是服饰展示，也可以运用模特美感，选用恰当的布景设计。以体现产品本身的个性特点。这需要摄影作品里的一种独道的叙事能力。下图这一张摄影作品里流露出复古的华丽风尚。
3个方面帮你改善移动端APP的输入体验
在用户输入时如何利用有限的屏幕空间，这篇文章列出了三个改善数据输入体验的关键因素，分别是 改进输入速度，为用户提供帮助和支援 和 在用户输入时直接指出问题所在，全是干货，一起来看看。一、输入根据需要输入的文本类型匹配键盘布局用户喜欢那些在输入文本时能够提供合适键盘布局的应用。不像物理键盘，触摸键盘可以随时调整，根据每个表单域的不同数据类型，为用户提供不同的键盘布局。通常可以进行优化的输入类型包括：数字: 电话号、信用卡号、PIN 码文本: 固有名称、用户名混合格式: 邮箱地址、街道地址、搜索查询确保这些项可以在你的 app 中 持续地 进行优化，而不是只在某些特定任务中优化。合理配置自动大写功能
5个动效设计技巧提升界面设计的用户体验
动效能讲述故事。和图片不同，动效能够呈现变化的过程，讲述一段简短而有趣的故事，能够同你进行对话：“嘿，你该看这个按钮了”或者“哦耶!你刚刚完成了一个操作!”不过，动效的目标并不是单纯的娱乐用户，而是帮助用户了解交互的效果和界面中发生的变化，让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点：“我们设计的不再仅仅只是静态的界面，实际上，我们所设计的是用户从界面获得内容的过程。”动效广泛运用于网页内容和背景当中，用来强化功能，提升美感：它会直接影响用户的行为，引导用户注意到特定的内容，呈现状态，帮助用户找到他们想要的内容，达成目标。想要借助动效提升用户体验，可以参考下面的指引来进行优化：加载过程不要让用户感到单调无聊如果你无法缩短加载和等待的过程，那么你应当尽量让用户在等待过程中感到愉悦，这个时候的动效基本只是在提醒用户后台正在加载。而几乎所有的网站和APP都会碰到这样的情况，而好的设计通常都是通过微妙而有趣的动效，让用户的注意力转移到动效本身上，而不是被无聊的情绪所左右。下面的的案例中，设计师让界面从基本的框架结构开始加载，明显地缩短了等待的主观体验。不要让状态改变过于生硬动效最重要的功能之一是强化过渡效果，所以，它需要让过程的起始和结束都要被明显的呈现出来。一个设计良好的过度动效应当合理地将用户的注意力引导到需要被关注的地方。Adrian Zumbrunnen 有个非常不错的案例，它展现了用户点击了链接之后，滚动动效是如何让用户明白变化过程的。对比下面硬生生的转变和加了动态效果之后的版本：
8个设计师必须懂得的LOGO设计忌讳
logo设计中有一些基本的规则，今天跟大家浅谈一下logo设计最忌讳的8个点。一：禁特殊符号有一些符号和图案在logo设计中要避免使用1、国旗如果在logo中需要体现国家元素，尽量只体现国家的气质特点代表元素。而产品logo最好不好涉及国家。2、宗教其实设计师只要把他们看作不常见的通用图形就行了。
移动端UI中常见的视觉分隔设计技巧
乍一看许多APP的布局并不复杂，感觉换成自己也能设计出来，但是当你真的开始着手设计这么一个APP的原型的时候，会发现事情并不是那么简单。看着别人已经设计完成的设计可能觉得不难，可是当自己动手的时候，在特定的元素的选取和设计上很容易陷入困局，这个时候才明白它的难点并不在于工作量的多少，设计者常常深陷于细节构建的囹圄，这才是它的困难之处。即使是元素与元素之间的分隔方式，都能随随便便用一整篇文章来进行探讨。传统的分隔方式在UI界面中，最传统也是最常见的分隔方式用的是线，将视觉上或者内容上需要区分的内容用横向或者纵向的细线区分开来，它帮助用户了解页面的层次结构，赋予页面内容以组织性。1、全出血位分隔线全出血位原本是一个平面印刷中的概念，这里所说的全出血位分隔线通常用来凸显和强调不同的内容与区块，就像电子邮件中不同邮件之间就会用一条横贯整个屏幕的细线来进行分隔。在下面的Android 的Gmail邮箱的UI当中，用的分隔线都算是全出血位分割线。这些分隔线给人以“停止”的感觉，让用户清晰地知道界限在哪里。全出血位分割线将每一个部分都分隔开来。2、内嵌分隔线