推荐阅读
Illustrator绘制矢量风格的中国花鸟画
平时做东西没有做教程的习惯，做教程太麻烦做一会就要截图再说明，所以此教程是整体完成后反向编辑出来的。所以有些地方讲的不是很详细，但我想通过整体的流程大家也能看明白的。如果有不明白的地方可以Q我。先到网络上搜索一下工笔画的素材，以供一会创作时做为参考(参考不等于抄，要有自己的创作成份。不要说这种找素材的行为可耻，如果你够牛B可以自己画。我不拦着你!)我是双显示器，把素材放在左面的显示器后就可以开始画了，整个过程的使用绘画工具很单一，就是钢笔工具。先把花的轮廓勾出来。把每个花瓣用渐变工具填充颜色，然后把每个独立的花瓣置于不同的图层位置，看上去层次要对。
FrontPage 2003教程 FrontPage2003建站全攻略(一)
在浩瀚的Internet建设自己的家园，这是我们的需求，无论是个人、还是组织。 在创建网站之前我们事先在我们的硬盘中建立一个存放站点所有文件的目录。 模板建站 FrontPage可以适合不同个人和组织的需要，自动建立网“巢”――站点。 操作 打开站点建立窗口：点击“文件-->>新建”，在打开的窗口中可以看到自动建立站点的各种向导和模板。 向导特点：选择向导程序列出的条件元素，创建某类有个性的站点和网页 模板特点：直接采用已经设计好的条件元素，创建某类统一的站点和网页 在FrontPage中，使用向导创建的一般是比较复杂的商业和大型站点，不适合个人在网上安家筑巢。我的网上小家就使用模板建立站点就够了。 操作 选择模板：在新建站点窗口，选择“个人站点”模板。在右面的选项栏中设置站点文件的存放地址。建议新建一个有意义的存放地址，如“e:\webcom”，点击“确定”。 操作 查看站点结构：点击程序界面的“视图”窗口中的“导航”按钮，可以看到建立的站点由哪些文件组成以及站点的结构。 我们看到，个人站点模板的结构是主页下面有五个子页，分别是“自序”、“兴趣”、“收藏夹”、“图片库”、“反馈”，而在文件夹列表栏中列出了站点中的文件，其中“image”文件夹专门存放图片，另外还有五个HTML文件，其中的myfav3.html是备用的子网页文件。其他四个HTML文件分别对应主页和三个子网页。 操作 查看站点中的网页：在导航视图窗口的网站结构示意图中点击某个网页结构图标，如“主页”结构图标，可以打开该网页，我们就可以在窗口中看到这个预先定制的网页大概结构。点击文件夹列表中的文件也可打开。 注意，打开网页后，我们可以看到导航视图窗口切换到了网页视图窗口。 操作 保存和打开站点：保存站点的工作很简单，当关闭FrontPage的时候，按照提示就可以保存站点。实际上，保存站点主要就是保存网页，因此在修改编辑网页的时候，要时刻注意到保存。保存的方法和在文字编辑程序中保存文件类似。打开站点要复杂些，选择菜单“文件／打开站点”，找到站点所在的目录，找到站点文件夹（是一个带有小圆球的文件夹图标，是FrontPage建立的站点管理文件 操作 删除站点：删除站点很简单，直接在Windows中删除站点所在的文件夹即可。也可在程序中删除。 进一步学习的建议：熟练使用各种视图和窗口，使用向导创建复杂的商业和项目站点。使用导入向导，将别人已经建立的站点导入，成为自己可以利用的站点。 模板建网页 目前，我的网“巢”还只有一个主页，三个子页，我想再添加一个“我的简历”的子页。 使用模板创建站点，站点中有几个网页都是事先设计好的，大多数情况下，都需要添加网页，或者用新设计的网页替换掉事先设计的网页。建立新的网页，使用向导和模板是最方便不过的了，因为FrontPage提供的网页模板非常丰富，可以满足大多数情况的需要。 操作 打开网页模板窗口：在视图窗口中点击“网页”按钮，切换到网页视图。选择菜单“文件／新建／网页”，打开新建网页的模板选择窗口。注意，不同的视图窗口，使用“文件／新建／网页”菜单命令的结果不同，后面我们将会提到。 在网页模板选择窗口中，有三个标签页，在“常规”标签页中有三十多个模板供选择，一般个人网“巢”中的网页使用“常规”标签页中的模板就足够了。根据我新建网页的内容和预想的设计，我选择了“带有标题的宽行正文”模板。 操作 选择模板：点击“带有标题的宽行正文”模板项，然后点击“确定”，程序即开始按模板新建网页。 回到主窗口，就可以看到一个有大概结构的网页，这个网页以很清晰的方式提示我在哪里放标题，哪里放正文，网页段落结构也排得很好，我只要按照提示添加内容就可以了。 新建立的网页还没有保存在硬盘中，由于这个网页是要添加到刚才新建立的网站中去的，因此，我们将它保存到网站文件所在的目录（e:\webjxcom）中。 操作 保存新建的网页文件：选择“文件／保存文件”，在弹出的保存文件窗口中选择“e:\webjxcom”目录，并命名文件名为“Mytravel.htm”。点击“确定”。 操作 预览网页：建立了网页后，就可以通过浏览器来观看该网页了。在FrontPage中可以直接调用系统集成的IE浏览器来查看。方法是在网页视图窗口打开某网页，然后选择“文件／预览网页”即可。我们在编辑修改的时候，大都是通过FrontPage内置的预览功能来查看网页的制作效果，方法是在网页视图的主窗口下面选择“预览”标签项即可。 操作 查看文件列表：点击“视图”窗口中的“文件”标签按钮，在主窗口中列出了站点文件夹和所选文件夹中的文件。在文件窗口中，我们看到刚才保存的新网页文件已经位于其中，并可以看到该文件的一些属性。双击这些文件时可以在网页视图窗口中打开编辑。 网页标题就是网页在浏览的时候，显示在浏览器窗口左上角的标题文字。这个标题可以让访问者了解该页的内容。 操作 修改网页主标题：打开“文件”视图窗口，在文件列表窗口找到Mytravel.htm文件，点击“这是主标题”文字，然后输入“我的游历”。另外，可以将“主页”文件的标题改为“豆豆之家”。注意，主页的标题也就是站点的标题。 进一步学习的建议：了解各种网页模板的结构和适用方向。学习使用向导创建有复杂表单的网页。学习创建带框架和样式表的网页。 修改站点和网页 基础的站点和网页建立好后，我就需要在这个基础上按照我的梦想修改了。首先，我要在第二级网页中增加一个“我的简历”网页，其次，要在“我的兴趣”二级网页下增加三个三级网页。 操作 将已有网页添加到站点：在视图窗口点击“导航”按钮，切换到导航视图。在文件夹窗口中将Mytravel.htm文件拖动到“导航”窗口，仔细选择停放的位置，让示意图标和其他二级图标在一个线上，然后就看到Mytravel.htm文件成为站点的一部分了。 注意，在站点中添加了网页后，站点中的某些网页将自动发生改变，当Mytravel.htm文件（“我的游历”网页）成为index.htm(主页)的下级网页后，我们在网页视图窗口查看主页页面的时候，会发现该页面已经将“我的游历”这样的字样添加进去了。 操作 添加新网页到站点：切换到导航视图，选择“兴趣”网页示意图标，然后选择“文件／新建／网页”（或者工具栏中的“新建”按钮），在“兴趣”网页图标下就看到一个新的网页图标，这个网页是属于“兴趣”网页下的子网页，但是一个虚拟的网页，并没有对应的文件。双击新网页的示意图标，即可在站点文件夹中生成一个简单的模板网页。重复以上操作三次，就可在站点中添加三个网页。 操作 在站点中打开和关闭网页：打开站点的网页非常简单，在导航视图窗口或者文件视图窗口双击要打开的网页即可。打开网页时程序将自动切换到网页视图窗口。不过注意关闭站点中暂时不编辑的网页，以使系统节约资源。 操作 修改网页的文件名：新建的网页我们可以改成自己需要的文件名和主标题。这个工作既可以在“文件”视图窗口中进行，也可以在“导航”视图窗口中进行。 操作 站点的调整和删除：站点的调整很简单，直接在导航视图窗口中拖动要调整的网页就可以了，删除站点的网页也很简单，选择网页文件或者网页示意图标后按“Del”键即可。修改后的站点结构如图10所示。我“家”的雏形已经基本建立起来了。 进一步学习的建议：设置网页的高级属性，自定义网页模板，进一步修改站点结构，建立复杂的网站，站点和文件夹的管理和相互转换。 竹篱围青瓦，芍药伴鹤眠。苔痕上阶绿，簌影落窗前。咦，谁与我家比美？ 页面修整 通过模板建立的网页，常常预先置放了些标题栏、目录栏（一般叫导航栏），导航栏都是用很多元素组成的，结构上稍稍复杂一些。一般情况下我们不必要对这些东西进行低层次的修改，FrontPage也不允许操作者修改，但在某些项目上，我们还是可以根据自己页面的要求来修改。 操作 修改页面的主标题：在主页（index.htm）的页面上部，模板预置了一个名为“主页”的横幅标题，这个横幅标题和整个主页格格不入。点击横幅，按“Del”键删除，然后在同样位置插入一个事先准备好的横幅图片为主页标题。 操作 修改导航条的链接：在主页的左边，有一个导航条（目录栏），在建立站点的时候，导航条就建立了几个网站的链接。这些链接不能在网页窗口中修改，只能在站点管理的“导航”视图窗口中修改。但可以在网页视图窗口中给导航条添加链接。在导航条中点击鼠标，然后选择输入文字“给我写信”，设置文字的超链接，这里的链接地址设置的是我的邮箱地址“mailto:web@webjx.com”。 操作 删除页面元素：在主页的右下，程序放置了一个LOG图片，这个图片和我的主页不符，选择该图片，按“Del”删除。 操作 给页面添加水平线：水平线对于规划页面有很大的作用，可以让页面清楚，简洁。在要插入水平线的位置点击鼠标，选择“插入/水平线”，水平线就出现了。注意，一般模板网页的水平线由程序自动设置外观属性。而其他情况下，将由操作者自己设置水平线的颜色，粗细等。 进一步学习的建议：页面长期编辑后，可能会留下垃圾（无效代码），如果想做得更专业一点，可以在HTML标签窗口修改源代码，或者使用其他网页制作工具休整。 表格 表格实际和文字、图片一样，是一个网页的基本元素，但表格在网页中，更大的用途是来规划页面。实际上，在网页编辑中，通过空格、段落、缩进等是很不容易规划好一个有很多元素的页面的，特别是图文混排的页面。 在FrontPage中添加常用的数据表格，和在Word中添加表格一样的方便，直接使用插入表格命令，然后填写数据就可以了。甚至还可以将Word文件中的? 粘贴进来。 操作 添加一个简单表格：在要插入表格的位置点击鼠标，选择“表格/插入/表格”，在弹出的对话框中设置表格的属性，然后选择表格的行数――2，选择表格的列数――1，然后指定表格的宽度，可以设置表格的宽度占网页宽度的百分比，或者直接设置表格的绝对宽度――像素。其他设置表格边框线的宽度为1，设置单元格间距为2。确定即可。 操作 在表格中添入文字：在表格中输入文字和在普通编辑页面中输入文字没有什么区别，另外，在生成主页模板的时候，程序在网页中添加了一个高级控件，可以自动显示网页的更新时间。将这个控件拖入到表格中。这样，一个显示网页制作者的表格就制作好了。 操作 设置表格的属性：表格的属性比较复杂，分成单元格属性和表格属性。选择表格，然后选择菜单“表格/属性/表格”，在弹出的窗口中可以设置表格的边框、背景、颜色等等。特别要说明的是表格的浮动，表格的浮动是设置整个表格的对齐方式，而一般的对齐方式是设置表格内的元素的对齐。 操作 图文混排：在需要的位置加入一个只有一个单元格的表格，并设置好其他属性。在表格中添加图片，并设置好表格的大小。再设置表格为“左浮动”，调整文字，让文字在表格的右边。这样，图文相配的混排就得到了。 进一步学习的建议：表格的操作比较复杂，需要反复的练习，学习如何用表格构造特殊页面，如何实现复杂的图文混排等等。
微软新专利三维茶壶作用户界面
根据美国专利商标局近日公开的档案，微软在2006年7月14日申请了一份专利，主题是“3D用户界面的创建”，很可能关乎下一代Windows 7操作系统的界面发展。 据悉，该专利使用茶壶模型作为演示，描述用二维贴图表述三维用户界面(UI)的概念，呈现三维交互式场景。 实例：茶壶 3D用户界面创建流程 根据美国专利商标局近日公开的档案，微软在2006年7月14日申请了一份专利，主题是“3D用户界面的创建”，很可能关乎下一代Windows 7操作系统的界面发展。 有趣的是，微软在附图中使用了一个茶壶作为演示。当然，这并不代表微软准备做一个“茶壶立体界面”，只是说明如何把2D界面转换成3D界面。 专利摘要： “在一个三维(3D)场景中，3D用户界面(UI)创建系统可以把一个二维(2D)交互式UI映射成3D物体模版。映射之后，2D UI的功能还是一个简单的用户界面，但看起来相当于3D物体的一个皮肤。
最新发布
UI界面中的文案设计有哪些注意事项
在UI设计中，文字内容的表述也是需要设计师精心推敲，仔细设计的部分。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性，同用户建立信任。文案设计上的技巧很多，应当规避的误区也不少，今天为你总结16个常见的UI文案设计的误区，帮助大家少走弯路。1、尽量避免使用俗语和术语未知的术语和俗语将会增加用户的认知负荷，所以应当尽量避免使用这类用户无法识别的词汇，使用常用和易于理解的词汇能够帮助用户理解。下面就是一个典型的反例：很难说清这种错误提示信息是给系统管理员还是办公室的文员看的。2、避免使用包含大量细节的长句在绝大多数的交互场景之下，都无需界面描述出全部的细节。用户在探索过程中，逐步为他们提供更多的信息和细节是更加合理的做法。所以，当你在提供信息的时候，可以这么做：·提供信息时，问一下自己：用户是否必须在此刻此地知道这件事?
怎么让你的设计创意具有更大的影响力
今天讨论的是平面广告设计中的海报设计，如何让宣传海报带来更大的影响力，从而达到最大化的宣传效果，怎样让让消费者记住海报中的内容是我们今天重点讨论对象。要让消费者记住海报宣传的内容需要注意六个原则01、做简约的设计02、用惊奇和兴趣吸引消费者眼球03、做看得懂容易理解的设计04、信任，让消费者相信你的产品05、让消费者关心在乎，产生共鸣06、用讲故事的方法去做设计第一，简约的设计简约核心是去其糟粕、褪其繁缛,在有限的空间下,以简洁精练的表达手法来传达信息,是平面设计发展的一大趋势。提到简约的设计大家一定会想到一个人“原研哉”，它把简约用到了极致。
高级设计师是如何解构一张海报设计作品
如何解构好的作品呢?在我们的设计生涯中需要多看多想，当然要看很多的好作品来提高自己的审美，扩展自己的武器库。那么当我们看到好的设计作品时怎么办呢?大多数情况下我们都会选择看过之后就没有然后了。其实我更建议大家把好的作品保存下来，然后去思考这个作品为什么要这样做。也就是知其然，知其所以然，知道它为什么好，好在哪里，这样的思考过程对自己的提高是很有帮助的。现在我以一组adidas的海报作品来进行解构，我们一起来看看这张海报为什么如此美观大方。就是这张海报作品，下面我们对其进行分析解构。这个海报漂亮有两个方面原因，第一个原因是选择的底图好看，细节足。第二个原因则是版式排的好看。我们重点解构他版式排版这一块。首先从版式上来说，它里面的点元素相当于划分的网格：这样大家可以看明白，除了四周的天头地脚和左右页边距，这些小点将页面划分成了6*8的模块网格，如下图。
新手设计师如何培养专业的设计思维
初级设计师脱离出临摹阶段后，最重要的就是培养设计思维了。不过什么是设计思维?培养出设计思维有哪些优势?设计思维的过程是怎样的?今天这篇译文为你揭秘。欢迎关注点融设计中心DDC微信公众号：「微信ID：DR_DDC」设计思维发展史很多人都有一个误解，认为设计思维才刚刚兴起。实际上，人们对设计思维的运用已有年头：纪念碑、桥梁、汽车、地铁系统等都是其产物。纵观历史，优秀的设计师早通过以人为本(human-centric)的创造性设计过程来缔造寓意深刻、富有感染力的设计方案。早在20世纪初夫妻档设计师 Charls 与 Ray Eames 在设计 “埃姆斯椅” 之前就坚持 “在做中学”，挖掘了椅子背后的大量需求和限制条件;这款椅子在70年后的今天，依然被投入生产制造。20世纪60年代，服装设计师 Jean Muir 有 一个很著名的设计策略 “常识论(’common sense’ approach)”，非常重视自己设计出来的衣服在别人眼里是什么样子。这几位设计师都是当时的创新先驱。他们的设计方法论也被看做是早期的设计思维——深入了解用户的生活方式以及人们未被满足的需求。纽约州商业部标识 “ I LOVE NY ” 的设计师 Milton Glaser 也对设计思维做了很好的阐释：“ 我们一直都在思考，但并没有真正领悟(什么是用户真正需要的)… 是关注(attention)这一行为本身让我们真正了解了用户的需求本质、对用户需求有了充分认识。”尽管早期就有了用户为中心的设计产物，但设计在商界的地位并不高。往往事后才被人想起，也仅仅是一种提高美感的润色手段。所以很多公司根本就没有满足顾客的真实需求。因此，有些公司将设计师的角色从受限的的产品开发后端前置到了产品设计之初。以人为本的设计方法(human-centric approach)也让他们独树一帜：其设计产物不但满足了用户需求，也成功盈利。大公司在落实以人为本前，需要一套标准化机制。设计思维(design thinking)就是一套用创造性设计流程解决传统商业问题的规范化框架。20世纪 Roger Martin 和 IDEO 设计师 David Kelly & Tim Brown 共同提出了设计思维，将酝酿多年的设计方法和思想概括成了一个统一的说法。设计思维是什么？——设计思维的定义设计思维是一个流程化的意识形态(Design thinking is an ideology supported by an accompanying process.)。要彻底理解这一概念，先要弄清楚 “设计思维意识形态” 和 “设计思维过程” 。
腾讯设计师如何通过吉祥物设计总结经验
为一款软件做形象设计的流程是怎样的?今天腾讯设计师Veles把参加形象设计比赛后写的设计心得分享出来，包括前期思考，形象选定，后期展示等，全是干货，建议阅读。故事开始前言：科普：KM 是公司内部沟通软件。KM里面内容丰富，各种干货交流等等，简直~简直~是个大学内部论坛的感觉~(好吧，它确实是个内部论坛，里面潜伏各种大神)以后每逢有时间空隙，必抓起手机，撸起KM，让我看的不要~不要的~好吧，话不多说，偶然一日看到了一篇KM征集吉祥物的广告文章，里面说明 征集吉祥物。好吧，其实我只是旨在参与，其实奖品什么的都是浮云，提高自己能力嘛，增加自己经验这个才是主要的对吧?不说太多废话了，形象大概从这样的思路开始想象的~一，初步提取一些关键文字· 8个年头( 陪伴时间长)· 沉淀50万篇文章 (沉淀海量知识)
浅谈设计师如何高效的完成工作流程
很多新人在工作中出现这样的问题，看似很忙，但不出货，没绩效，针对如何高效工作我们做了一些总结来分享，希望能帮助到大家。《设计前期准备工作，做好这一步，后期的工作效率会提升很多》《了解需求：优质沟通成就客户也成就自己》从三个方面了解：《看》客户提供的有效资料和素材去推测客户的重点(比如：画册，老网站，喜欢的图片)，《听》
详细解析设计师必用突出主题的技巧
不管是大设计师还是小美工，在设计中都要使用一些技巧。特别是一些看上去高大上的作品，大都是采用了技巧的，负责机会使的图片显得非常的平庸。下面是一些常用有非常有效的方法。第一中：放大主题就是把要表现的主题放大，这是大部分的设计师都用过的。但是能用的娴熟，使得画面和谐也是非常难得。因为大部分时候是要配合其它技巧的。还要注意当大的尺度，有时候要非常的大，达到不和谐才会ichu效果的。看似简单，也不是那么简单。下面是电影《玫瑰人生》的的海报，欣赏一下，感受一下。第二：提高亮度把主题提亮，背景压暗，更能突出主题。这种方法实现起来稍微麻烦一点，要用到一些高级的调色技巧。对高水平的美工也是非常容易的。第三：远虚近实 远小近大
设计师必须掌握的色彩叠加应用指南
色彩几乎在所有的设计工作中都是很重要的一项内容，无论你喜欢鲜亮的色彩，大胆的色调亦或是极简抽象的黑白配色，你所使用色彩都会对整体设计的风格产生一定的影响。在我们的设计工作中通常用到的一个方法就是色彩叠加，例如在一张图片或一个视频上面叠加一个半透明的图层，这种方式会给图片增添一份特别的韵味，不仅能牢牢地抓住用户的眼球，而且还能给用户留下无限的想象空间。今天我们通过几组不同的案例来揭密色彩叠加是如何发挥作用的，希望能够抛砖引玉，为你们的设计工作带来灵感。使用渐变色渐变色是非常酷的，当你考虑使用色彩叠加的时候渐变色是个不错的选择，它不仅具有强烈的视觉冲击力，而且对用户来说是非常具有吸引力的。渐变色的特别之处在于我们可以使用一组颜色进行搭配，即可以加入品牌色，也可以使用一种能够使用户聚焦的色彩，明亮的配色不仅能够吸引用户并且给会图片带来一种热情的感觉。这种风格我们自然会想到Spotify(Spotify是全球最大的正版流媒体音乐服务平台，2008年10月在瑞典首都斯德哥尔摩正式上线)，它使用同色系的渐变突出显示播放列表。这种方式赋予了图片新的生命力并且得到了用户的喜爱。这是一个很容易学习并融会贯通的技巧。选择一张图片,使用品牌色叠加到图片上，调整色彩的透明度即可。纯色决定图片基调
实战解析如何从设计思维转变为产品思维
最近半年因为机缘巧合我从交互设计师变成了产品经理，加入了猎豹清理大师项目并负责海外市场的一些新功能。虽然我之前一直说起产品头头是道，但是真的做起来还是压力山大。并且因为事业群改制和团队重组，只能自己一个人从头做起慢慢摸索，上半年光顾着加班了没时间写文章。好在现在负责的产品从零到千万日活开始稳定下来，自己也有了足够时间和信心去思考总结半年的收获。因为身边有过转产品想法的同学比较多，自己也认识很多小伙伴是新人产品经理，所以今天想先和大家探讨一下如果要一个优秀的产品经理、从设计思维转变为产品思维，需要面对的几个挑战。首先解释下什么是设计思维?设计师的工作是在产品的交互和视觉层面提供合适的解决方案，所以设计师会先确定用户是谁，然后了解用户的使用场景，最后根据目标去思考用户体验好的解决方案。这个思维的架构套在产品经理上也同样适用，但是其中的内容就发生了很大的变化。产品经理的本职工作是：1)收集用户和市场的信息，决定产品的目标和方向;2)结合能力和资源，思考目标的实现路径和策略;3)协调团队合作最终达成产品目标;这个定义带来的改变就非常的多了，比如说1，工作方式完全突破了产品设计的界限设计师或者研发通常会关注在产品的实现层面上，但是产品经理会关注在产品的业务层面上。比如你是QQ视频的产品经理，为了达到管理层制定的美剧类目30%流量份额的目标，那可能最让你牵挂的不是开发什么功能，而是如何获得某个热剧的版权或者通过合作建立版权共享机制。又或者你是某二次元社区的产品经理，为了提升社区的活跃和粘性，你可能想的不仅仅是简单加个弹幕视频功能，而是如何把合适的一群人筛选出来并且建立独特的社区文化。再比如我们公司有一种职位叫商业产品经理，顾名思义就是负责产品商业化的，他们的工作就是在不同的产品中去思考怎么赚钱，怎么加广告的。可千万不要小瞧这个工作，他们要挖掘产品中合适的广告场景，需要打通广告上游和下游投放的关系，还需要设计广告的深度学习*，甚至有时候要因为广告政策要去和外部打点各种关系，这一种工作有的人一扎就研究了好几年。
解析黄金分割加布尔运算制作LOGO
此文章并不是纯理论，也并没有太多的延伸项，所以就总结的非常通俗易懂，也加入了一些自己做的实例，也有许多做的好的LOGO放在上面让大家欣赏，寻找灵感。