推荐阅读
设计师解读高效设计必备设计流程总结
个人总结关于如何更快，更有效完成整个设计过程的设计流程，希望大家有所帮助。如果设计师的作品产生仅仅依靠“妙手偶得”，靠着感觉这样那实际上是失去了自己的专业优势。设计是进行有效计划，落实到媒体上。设计师该掌握科学的设计构思方法、排版方法和色彩技巧等，依靠坚实的知识基础，有计划有步骤的渐进式不断完善，设计的成功与否很大程度上取决于理念是否准确，考虑是否完善。一个行之有效的设计流程可以帮助设计师更准确，更快速的完成设计。个人总结设计流程：一、了解需求(通过以沟通和调查研究)这一步需要建立对项目的有目的和完整的了解，是最重要，最根本的。是设计的开始和基础(背景知识)。需要得到信息的包括：
Photoshop调出室内人物照片柔美的淡紫色
原图效果图1、打开原图素材，按ctrl+j复制背景图层。创建黑白调整图层，数值默认，确定后把图层混合模式改为“叠加”，不透明度改为：20%，效果如下图。 2、创建色彩平衡调整图层，对阴影、中间调、高光进行调整，参数及效果如下图。
让Dreamweaver为你的站点定制颜色
在Dreamweaver 4.0中，你可以存储你自己设定的图片、链接、Flash影片、颜色表、模板等等组成这个站点的资产，这就是Assets面板！当我们定义一个站点时，这个站点内的所有上述类型的元素，将自动分类在Assets面板中显示。同时，我们还能为这个站点定义自己喜欢的元素，以便随时拿出来使用。现在我们单击 window > Assets，或者按F11键，如图1。图1Assets面板的左边9个按钮将你站点中的元素根据类型分别归类管理，当你单击一个按钮时，相应的名称会出现在面板顶部，名称旁边有site与Favoritesg两个单选按钮。现在我们来看一看如何定做自己的颜色表，如图2。图2首先单击颜色按钮，这时Assets面板的顶部出现了Colors的字样。当选择site列表时，我们可以看见站点中定义了哪一些颜色。如果站点内的某些文字又加了一些颜色，可以单击Assets面板下部的（Refresh Site List)按钮来刷新站点，这样后定义的颜色就可以在Assets面板中显示。Assets面板可以保管你站点中的所有颜色，这样就大大地方便了网页制作者。一般我们做网站会在页面上用不同的颜色，为此不得不记下所使用颜色的十六进制值。虽然有了样式表，但是重复修改样式表也麻烦。现在有了这个Assets面板，我们可以测试多个颜色，最后将配好的颜色保留下来，以便下次重复使用。言归正传，你可以在Assets面板显示的颜色中将自己喜欢的颜色选中，然后单击下面的(Add to Favorites)按钮增加到Favorites列表中。我们选中Assets面板顶部的Favorites选项切换到它的列表中，这个列表显示了你选择的颜色。你可以单击(new favorit es folder)按钮建立一个文件夹，将不同频道的颜色放在不同的文件夹中，如图3。图3单击(new color)按钮，在出现的颜色表中选择一个颜色，这个颜色就被增加到Favorites面板中。
AI怎么设计SJ标志
AI怎么设计SJ标志，很简单，只要使用钢笔工具与倒圆角就可以设计出来了，详细请阅读以下内容的设计方法与步骤介绍。效果图:第1步、点击矩形工具，绘制一个绿色的矩形。第2步、点击钢笔工具，设置白色，设置描边。绘制一个SJ的路径。第3步、然后使用直接选择工具，进行倒圆角处理。第4步、设置好了圆角，选中路径，点击对象里面的扩展处理。
最新发布
浅谈网页UI设计中的48DP定律
先说说什么是dp其实对于一个非技术人员要把这个概念完全搞清楚还挺复杂的，所以我们就知道他是干什么用的就好，因为安卓阵营的碎片化，所以会有杂七杂八的不同分辨率的屏幕，但是一个UI人员不可能对不同分辨率把应用的图片都切一遍吧?所以就用dp这个单位，用这个玩意儿可以保证同一个图片在不同分辨率下的屏幕上保持基本相同的物理大小。说了dp，就得说说px，px就是屏幕上的一个个物理的像素点，以前的屏幕上的像素点是可以用肉眼看到的，后来乔布斯炒作了个视网膜屏幕的概念，其实就是像素的密度比较大，肉眼已经看不见了。如下图，是用像素(px)为单位的按钮和图片分别在低分辨率、中分辨率和高分辨的显示效果，可以看出来物理大小是发生变化的。在看看下图，使用了dp作为单位，物理大小就没有发生太大的变化。反正搞安卓开发的，一般都会用dp来规定一个组件的大小。当然偶尔也有人会用像素(px)来规定组件大小，可能是个新手、也可能是此人的程序不想兼容更多的设备。上面解释了什么是dp：dp就是一种基本上和设备无关的单位，可以保证一套UI在不同机器上面的适配，而显示效果不会出现很大的偏差。
浅谈网页设计如何设计漂亮有趣的转场动效
这篇文章由江南大学设计学院研究生孙启玉翻译，主要谈手机App中的转场动效，强烈推荐原型设计师阅读学习，体验下动效的神奇妙用。他们把大量时间花在了像素级按钮，表单样式，设置类型以及如何让那些图标变得漂亮和精致。…但是关于如何设计衔接却很少有人考虑。你点下按钮表单就…出现了?你滑动删除一个项目它就那么消失了?那也忒怪异忒不自然了。在真实世界里几乎没有效果，这好像是一个bug。哦，好吧宝贝。你必须记住——它需要”滑入”。怎样?多快?反弹?渐入?静态设计图体现不出切换过程。当提到动画和可爱的交互的时候，人们总是滥用”趣味性”这个词。对这些人来说很炫酷，但是你猜怎么着?动效也可以有功能性作用，而不仅仅是个装饰性的细节。动效有一个被忽视了的维度——时间!一个看不见的组织将空间合在一起，要明白这点你不必精通数学。让我们看一些简单的想法：缓冲在传统动效里，分解一个物体是如何从A点移动到B点的。它增加了运动的偏向并决定了其余帧如何排列。以这些25帧差值(中间点13帧在不同的位置)举例：
从京东网站改版浅谈网页设计趋势
京东这次的改版，看到遍地都是网友吐糟的声音，什么设计太简单了、首页版块不明显、设计没个性等等，乱七八糟的一大堆差评。对于这些吐糟的人，我将他们分为三类人：一类是专业的网页设计师，他们本就有着更高的见地;另一类是普通的用户，不管旧版是否合理，反正已经使用习惯了，对于新版的改变一下子无法适应过来，难于接受，或者潜意识下就产生了对新变化的抗拒心理;最后一类是属于随风逐流者，看到别人吐糟自己也跟着吐糟，可能有些人压根就没看过新版。在这些吐糟人中，第一类人毕竟是少数，大多数往往属于后两类人。好与差没有绝对的评判标准，只能说仁者见仁，智者见智。但是我认为如果一个新东西刚出来就马上做评价是极不公平和极不合理的，任何没有经过调研的言论都是扯谈。所以，做为一个有态度、有思想、有责任的网页设计师，经过几个月对京东新版的体验，对于视觉方面，我在这里浅淡一下自己的观点(千万别误认为哥是*党)，先申明，这仅仅代表我的个人观点。首先让我们对比一下新旧版的首页截图：我认为，京东网站这次的改版，就如它的新LOGO一样，更精简、更耐看、更内涵。(据说狗能克猫：))。我们可以看到，京东经过几次改版，最终还是选择了今年最流行的扁平化设计(有借鉴易迅的嫌疑，但不得不承认只有过之而无不及，要比易迅更简洁，更耐看)。由此看来，扁平化、极简主义已经成为目前网页设计的主流。
创造人像摄影意境的13种方法
1.玩转photoshop 出色的后期往往能够给你的照片带来更多新意，尤其是弥补数码摄影在色域与色彩表现上的先天不足——当 然，黑白后期对于胶片来说也颇为重要2. 记录纹理如果你的拍摄对象有很深的皱纹，或者其他具有纹理质感的特征，有可能为你的图片增色不少3. 尝试过曝在浅色背景下，过曝有时会给你带来颇为特殊的效果——尤其在画面中存在强烈明暗反差的时候
浅谈网页设计中的响应式布局分析
讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3 Media Query实现响应布局）。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。我们在上面了解了什么是响应式布局，那在我们的实际项目中应该怎么去设计呢?在以往我们设计网站的时候都会受到不同浏览器的兼容性的困扰，现在还要来个不同尺寸设备，我们该怎么淡定下来呢?有需求就会有解决方案，呵呵，说到响应式布局，就不得不提起CSS3中的Media Query（媒介查询），这可是个好东西，易用、强大、快捷……Media Query是制作响应式布局的一个利器，使用这个工具，我们可以非常方便快捷的制造出各种丰富的实用性强的界面。接下来就一起来深入的了解Media Query。通过不同的媒体类型和条件定义样式表规则。媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。媒体查询的大部分媒体特性都接受min和max用于表达”大于或等于”和”小与或等于”。如：width会有min-width和max-width媒体查询可以被用在CSS中的@media和@import规则上，也可以被用在HTML和XML中。通过这个标签属性，我们可以很方便的在不同的设备下实现丰富的界面，特别是移动设备，将会运用更加的广泛。 @media 设备名 only (选取条件) not (选取条件) and(设备选取条件)，设备二{sRules} 示例一：在link中使用@media： <link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px),only screen and (max-device-width: 480px)" href="link.css" rel="external nofollow" /> 上面使用中only可省略，限定于计算机显示器，第一个条件max-width是指渲染界面最大宽度，第二个条件max-device-width是指设备最大宽度。示例二：在样式表中内嵌@media： @media (min-device-width:1024px) and (max-width:989px),screen and (max-device-width:480px),(max-device-width:480px) and (orientation:landscape),(min-device-width:480px) and (max-device-width:1024px) and (orientation:portrait) {srules} 在示例二中，设置了电脑显示器分辨率（宽度）大于或等于1024px（并且最大可见宽度为989px）；屏宽在480px及其以下手持设备；屏宽在480px以及横向（即480尺寸平行于地面）放置的手持设备；屏宽大于或等于480px小于1024px以及垂直放置设备的css样式。
浅谈网页首屏设计之图文混排的10大技巧
图文混排是设计中极为重要的一项技术，同时它也极难达到完美的境界。要在网页首屏中呈现出完美的混排效果，你需要一张完美的照片，和足够出彩的文字排版。如果你准备接受挑战，那么请看接下来额10条技巧吧。1、强化对比PackdogWearetelegraph首先Banner中的文字必须具备可读性才行，所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景，那么你需要使用白色或者浅色的的文字，而当背景比较素雅的时候，文字可以使用深色，这就是我所说的强化对比。当然，对比不仅限于色彩，文字同样存在对比。文字与图像相互配合，才能达到出人意表的效果。例如第一个案例，Packdog网站的设计，大图作为背景，用色浓郁，文字则正好相反，轻薄而大小错落。这些对比强烈的元素组合在一起令人印象深刻。2、令文字成为图片的一部分meandmyselfportfolio
为什么在UI设计中大家都喜欢使用蓝色
你可能已经猜到这篇文章是关于蓝色的。毫无疑问，蓝色是UI设计中最重要的颜色，也是使用范围最广、最常用的色彩。在你的手机当中，许多APP都采用了蓝色的LOGO，而它们的UI也大多也将蓝色作为主色调，Facebook、Twitter、Shazam、Safari、支付宝、知乎、Behance均是如此。那么为什么大家都会不约而同地选择蓝色呢?原因很多，但是最主要的，还是下面的几个。1、绝大多的用户喜欢这个颜色。有调研指出，绝大多数的人都喜欢蓝色，蓝色被认为是全球范围内最安全的设计用色。2、蓝色与自然相关。清朗的天空和纯净的水，在多数时候都呈现出漂亮的蓝色，它们代表着好天气和健康的水源，这种对自然的亲近深藏在人类的基因当中，外化表现为对蓝色的喜好。蓝是海洋和天空的色彩，是自然的色彩。3、蓝色还是UI设计师的通用色彩。从UI设计师的角度上来看，这是一种泛用且实用的色彩。常见的色彩当中，红色、橙色、绿色对于用户都有这强烈的情感影响，其中黄色常用作警告，红色能够唤醒用户的激情，也能够昭示危险，而绿色常常关乎健康、安全，相比于它们，蓝色的泛用性明显更强。
摄影教程：摄影入门技巧之--如何构图
提到摄影，可能大多数朋友都会认为：就是选一处景色美的地方，人往镜头前一站，按下快门不就OK了吗！如果你能静下心来看完我的这篇日志，很有可能会颠覆你的这一观点。前 言： 随着数码相机的普及，“摄影师”随处可见，我也算是其中的一个吧。内行戏称我们这些业余“摄影师”是：一个傻瓜（一点摄影知识都不懂），拿着傻瓜相机（全自动相机），照镜头前面的傻瓜（傻傻地站在镜头前面），这也许是对我照相的真实写照吧。 应该说我还算“聪明”，相机到手没几天我就会摆弄了，看来照相还蛮容易的嘛！上次去北京，我就照了几百张，近4G的照片，在电脑上一看，满意的没多少。我不得不开始怀疑自己的水平来。近些日子，我在网上学习了一阵子，才知道里面有很深的学问呢。 我学习的目的并不是准备当摄影师，我和我的相机也拍不出什么“艺术”来，只是不想让人笑话我是“老外”。我写这个系列的日志更不是想当什么“老师”，这对我没吸引力，就当成我的学习笔记，把学习所得与朋友们分享、交流吧。如果你是“高人”，期待您的指点！ 下面这张照片就是我们这些菜鸟的最爱：拍摄的主体（人物）站在画面正中，景物不知放到哪儿好，其目的是为了“突出主体”。结果是，过于中心的构图，只会让画面变得缺乏层次感和变化，很容易让观众产生审美疲劳，得到的是构图呆板、毫无生气和美感。 “黄金分割”与“三分法则”
风光摄影的画面构图六个构图的原则
风光摄影的画面构图经营是十分重要的，主要有六个构图的原则： 1、平衡 画面的布局彩对称或非对称式。 2、对比 采用大小、高低、远近的对比手法。 3、主题 主题布局在画面的位置突出。 4、画面的连接性 画面的连接性是从线条的连接性和物体中产生，必定要有龙去脉。来龙是画面的引点，而去脉是消失点，这些来去的表现，都是一脉可寻。这样才能有效 地表现透视感。
抓拍中曝光不足现象的处理方法
闪光灯的激发问题可能导致曝光不足，但是在黄昏时的室外、闪光灯无法照亮所有背景区域时的室内摄影、室外闪光灯的功率较低， 无法提供足够的照明，以及有其他类似的拍摄问题时，曝光不足问题则更为常见。在很多情况下我们知道即使编辑后也无法获得极佳的图像，但是那张在假期中黄昏 时拍摄的并且很暗的照片正好是您要给家人展示的，这时怎么办? 图7-21显示了使用普及型相机拍摄的曝光不足的图像。由于该相机不提供可调整的ISO范围，所有无法控制曝光设置。该图像是一张典型的城市傍 晚照片。总体的亮度级别很低，并且街道和建筑灯光已经开始闪现，这些灯光在很短的时间内就会压倒周围环境的照明。商业专业人士将该时间始终称为一天中的 “神奇小时”。 由于城市拍摄对象的原因，该照片包含全部的颜色混合，这和主要由褐色组成的传统风景照片不同。我们无法控制该图像的杂色问题，但是可以轻松地解 决曝光不足和色彩平衡问题。下面是解决方法。 1、要在使用普及型相机拍摄的JPEG图像上进行调整，首先要锐化图像，然后将图像转换为16位模式。选择“图像”_“模式”_“16位/通 道”。然后重定图像像素，方法是选择“图像”_“图像大小”，打开“图像大小”对话框。将大小降低到71%并将“重定图像像素”模式设置为“二次立方”。 直方图(参见图7-22)显示所记录的多数图像色调都低于中间灰色。注意一直延伸到白场滑块的直方图细线。这是照片中很少的明亮光源所组成的图 像数据，这是靠近相机的雨滴被内置相机闪光灯照亮后所形成的光源。该直方图反映出这些很少的高光只占图像很少的一部分。保持这些很少高光部分中的细节与图 像的总体质量没什么关系，所以可使用下列快速编辑步骤。 2、将白场滑块向左拖动(参见图7-23)，直至接触到主要的直方图突起为止。这可显著加亮图像(参见图7-24)并且避免丢失主要图像区域中 的所有高光细节。