推荐阅读
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物体的一个皮肤。
最新发布
10件设计师需要从失败中学会的事情
作为普通人，我们都将面临一个问题——可怕的失败或自己经手的被算作失败的项目，在这个问题上，我们总是想方设法的去避免，但是“世事难料”，谁都不能预言下一秒的情况是否刚好会按照我们的想法进行。从图形设计会绘制面临的困境到网站建设工作中的种种“灾难”，你有没有想过，可能有一些好的方面可以来自于这些你极力想要忘记的项目。即便是大型的公司，如2011年初的原计划通过logo变化完成“逆转”的Gap也不得不面对来自于设计的挑战。开始恢复的这个过程，你会需要花上一些时间来弄清楚究竟是哪里出了什么问题，然后做出针对性的决议，并且从这个过程中获、经历以及学习一些东西。了解如何改善自己，团队以及在下一个项目中应该如何来置顶相应的计划。尽管我们很清楚我们不应该在失败中停留太长的时间，但你可以从失败的项目中学到以下这10件事情。1.接受信用和批评对于那些能够按计划进行的项目而言，通常很容易获得来自客户的信任和赞誉，在接受失败的批评性意见时，这些是很难获得的。你如何处理这些对话和情况将会对下一个来自相同客户的项目打下“基础框架”。试着微笑并接受那些正确的批评，你不会失去什么，相反，你可能会赢得客户的信任和肯定。如果项目面临失败，你应该马上回顾并总结，同时寻求反馈机制。你需要了解具体是项目中的哪一个环节或哪一部分不起作用，作为一名设计师，为什么它可以帮助你获得提升，以及在下一个项目让你学会更多的技能。2.明确错误的点试着在失败发生之后列一个清单，其中应该包括两个内容：已经在你的项目中明确有效的东西和那些无效甚至是没有在项目过程中出现的东西。你能确定具体在哪里出错了吗?预估的时间判断错误?需求或客户的意愿前期不清楚?有些时候，这可能没有明确的答案，所以你只能是继续前进寻求更多的“线索”。此外，网页设计就好像“一千个读者心中有一千个哈姆雷特”，有时设计师和客户无法就同一个项目达成共识这也是时有发生的。你可以在前期更偏向于考虑将项目往你最能发挥效率的方向推进，而不必完全符合客户的需求。3.沟通是关键
详细解析扁平化在设计中的进化历程
平面化VS拟物化 的战争已经过去好几年了。扁平化设计彻底占据了如今的主流设计趋势。但是，大局已定的扁平化设计，是否已经固化不变了呢?并非如此。在过去的几年当中，扁平化设计风悄然地进化，变得越来越多样，也越来越有吸引力。如今再来重新审视早期的扁平化设计，渐变、阴影和纹理的缺乏，让它在视觉上显得略为单调，而几年的时间沉淀，扁平化设计中开始适时地融入了许多其他的设计元素，丰富了整个扁平化设计的思想，并且创造了不少值得一体的独特扁平化设计分支。不论你所设计的是APP还是网站，在2017年所处的这个时间节点，枝叶繁茂的扁平化设计中，总会有那么几种风味独特的设计风尚，能够让你倾心。扁平化设计缘起曾一直被苹果公司所引领的拟物化设计风潮，在2010年的时候开始受到扁平化设计的冲击。逼真的纹理、多样的渐变和繁复的细节逐渐为人所厌倦，线条简约的2D扁平化设计开始取代“抄现实”的设计手法，一时间，是拟物还是扁平的争论充斥设计和技术圈，并快速蔓延到圈外的普通用户，各执一词，莫衷一是。随着乔布斯的过世、iOS 7和Android 4.0的发布，设计趋势最终还是向着扁平化迈出了关键性的一步。醒目而高饱和度的色彩和形式感更强的排版取代细节和纹理成为抓人眼球的元素。最初的扁平化设计，对于细节的剥离是非常彻底的，这使得设计师能用的元素大多只剩下色彩和图形，这种局面对于设计师和用户都是困扰，细节的缺失让设计并不足以支撑全部的信息传达，这种局面下，许多微妙的扁平化分支就诞生了。扁平化设计仍然是近10年来最具革命性的视觉设计趋势，并且它还将一直向前推进。Material Design想要系统了解扁平化设计的快速发展历程，Material Design 是最值得研究的案例。这一扁平化设计语言是谷歌为其旗下的数字产品的界面所创造的统一的视觉设计语言。
从零开始做APP系列之界面设计篇
UI设计师从零开始做一个App要经历哪些流程?这个系列的文章会为新手一一讲解。本篇会为你讲解界面设计中基础的知识点(设计稿尺寸、图标/字体设计等)，实用高效，新手来收。先来看看整个目录：项目立项项目预估时间界面设计切图标注视觉还原上线准备界面设计篇目前在行业里，关于APP界面设计规范也是层次不齐，很多都还停留在6的设备和iOS 9的系统之上，而现在最新的是iPhone 7和iOS 10了(更新换代真的很快)，我这里说的是最新的iOS 界面设计规范(Android设计规范，我们下次见)
从京东分会场学到的模块化设计方法总结
在电商的世界，似乎一切时间都可以和购物挂钩，5.20、6.18、11.11、12.12、年货…，有购物节就要有各种各样的会场进行促销展示;面对越来越细分化的类目会场，作为设计师需要把多达几十个会场一一设计出吗?NO!如何提高设计及后续工作的效率，似乎在工业产品的标准化零件中找到了答案——标准化模块设计如果将会场比作工业产品，模块即是零件，动线即是图纸;使用不同的模块与动线，即可组成满足不同需求的会场。如何进行会场模块与动线设计?接下来将从模块设计原则、其它设计要求、会场动线设计三个部分进行讲解。零基础的同学移步：《设计小科普!给设计师的模块化设计新手完全入门指南》一. 模块设计原则从往年多次负责大促分会场的设计实践中，总结出一些模块化设计原则：可变性、可拓展性、丰富性、创新性。其中可变性与可拓展性属于结构化原则，创新性和丰富性属于内容性原则;接下来将逐一介绍遵循这些原则的原因以及如何遵循。
详细解析配色中一些有趣且有用的小技巧
配色这件事怎么聊都聊不完，不是么?选对色彩，是每个设计师的基本功，说来简单，但是千变万化，看似复杂，然则有迹可循。似乎每个设计项目在配色上，都多少会有些争议，团队讨论的时候谁都可以插手说上一嘴，甚至许多产品的配色方案直到上线之前还会存在争议。配色确实是一件难搞的事情。它牵涉到文化背景，受到方方面面的影响，在情感含义上的理解又因人而异，设计师所面对的问题往往是选择太多，而非太少。配色的方法很多，辅助工具也不少，但是令人印象深刻的，往往是一些颇为有意思的技巧。今天，我们分享配色大师 Patrick Multani 的色彩搭配技巧。也许这10个技巧，会成为你的配色体系的可靠补充~技巧1：谨记配色策略在开始着手挑选配色之前，我常常会翻看 Dustin Senos 关于设计原则的短文。他在文章中，阐述设计原则的方式非常有意思，干练而有趣，“方向优于选择”，“合适优于一致”，“发展性优于总结”。其实如果借用这种句式来总结配色也不错：“白色优于灰色”，“和谐优于错位”，“沉静优于热烈”。当我在工作的时候，我会时刻谨记这些配色策略，它们更像是一种感觉上的规范，就像用户角色引导UX设计师来设计体验一样。技巧2：取色一条线当我在调色板上选择色彩的时候，我会倾向于沿着直线路径来挑选色彩，从左到右，从上到下，或者沿着对角线来选取色彩。这样所获得的一套配色可以兼顾到不同的按钮状态(可用/不可用，活动/非活动)，兼顾到视觉主体和边框，背景等。我们也可以在取色器的同一个位置取色，调整色调，获得的一组色度接近色调不同但是高度协调的色彩组合。上图中，中间那个就是。技巧3：保持敏感，小幅调整
4种实用方法做出有价值的功能性动效
约在10年之前，在用户界面使用的动效，大部分是一些广告和闪烁的弹窗。然而到了今天，已经发生了翻天覆地的变化。交互设计和动态效果的详情，带来的是网站或APP的根本改变。这种思维方法，在下面有详细的描述。为了设计出更好的数字产品，从一开始网页或APP就要有良好的交互性质是非常有必要的。这一次，就将如何有效的运用UI动效的方法详细介绍给大家。使用动效的理由动态(英: Motion)在从他的性质上来说，就是用户界面上最突出的元素。相较于文字文本和静止的图像，动态的更容易被发觉。我们的视线会不由自主的追寻着动态的物体，这也可以说是一种条件反射。试着将这个利用在功能性的动效上吧。功能性的动效是?功能性动效，指的是在UI设计中作为功能的一部分被采用的小动效，有着非常明确和合理的目的。为了减轻认知的负担。防止发生变化时看漏(英: Change Blindness)。在空间关系中确立良好的层级关系。
每个年轻设计师都需要知道的10件事
新手设计师有哪些应该注意的地方?这位入行不久的设计师总结了10个值得学习的技巧，适合每个年轻设计师阅读。1. 别让设计成为黑匣子说服别人接受你的设计非常重要，但是这个过程讲究以理服人，用一些理论或者是一些说得通的理由来支持你的设计方案，而不是简单一句「我觉得这样好」，但事实上自己也不是真的知道这样好不好。当然我不是说我们做什么都要从理论出发，摒弃我们自己的品味和智慧，但在尚未有多少设计经验的时候只依靠自己的直觉是非常不妥的，设计也需要科学。让队友提问题给意见，他们可能会看到你没有关注到的点。2. 融入团队一个团队对于一个新人的加入肯定是需要成本的，要融入到工作之中除了知道自己是做什么的之外还需要知道应该怎么去做。如有需要，试着改变自己的节奏来融入你的团队。注意，我的意思并不是要你无限迁就别人，而你要找到你的位置，着眼于帮助同伴们一起提高整个团队的效率。这个无缝融入的过程有可能长达几个月，但当你们能够找到最适合自己的节奏，找到自己的位置，你将能更有着力点的发挥自己的特长与优势。3. 提早获得反馈尽早把原型做出来的，即便是再厉害的设计师的作品都无法避免的存在一些这样或那样的问题，能够在更早的时期发现更多的问题能够减免很多后期自己打脸或别人帮你擦屁股的尴尬情况。无论你是多么的小心翼翼，骑牛数牛的现象在设计过程中常常发生，你无法避免地会忽视一些细微的问题或者越过了 API 限制(程序根本无法实现或实现成本非常高)。旁观者清，早点拿出去让别人瞧瞧吧。4. 负责到底不要养成把参数和图片给了开发就不管不问的习惯，可能你很忙，但是这一点也不 pro。像Sketch Measure (已经在专栏里打过好几次广告了不过我真的没收钱)这类工具能够很好的帮你完成输出和标注工作，但是即便是作出了完美无缺的标注(这基本上也是不可能的事情)，和输出了无可挑剔的资源后你还是有必要看看最终成品怎么样。即便你很了解产品，你还是要把玩一遍，制作走查表，看看是否一切都和你想象中的一样，把不一样的地方记录下来，整理后即时反馈。
解析如何学会查询和识别不认识的字体
字体是各种信息类画面中至关重要的组成部分，日常工作中，设计师经常被问及到的一个问题就是这是什么字体。然而字体的种类繁多，尤其是对国内设计师们来说不太熟悉的西文字体，体系更为庞杂，想一眼认出所用字体是非常困难的。因此如何方便快速知道某个地方用的是什么字体就成为了设计师经常需要做的事情。下面就介绍几种常用的识别方法或者是查询思路，希望看过之后能有所启发，以后就不用到处求人认字了。1. Web Font 网页上的字体网页上的字体识别最为简单，我们只需要找到浏览器调用的字体文件的名称就可以了，很多浏览器都提供了代码检查的模式来找到我们想要的字体信息，当然这个功能一般来说是提供给前端开发使用，对于设计师们来说不太友好。不过好在有各种 “哪里不会点哪里” 的浏览器插件，普通用户也可以方便地知道网页上使用的字体。此类浏览器插件很多，比如 WhatFont;FontFace Ninja;CSS Peeper。推荐挑剔的设计师们使用颜值更高的 CSS Peeper。Csspeeper△ 上图为使用 WhatFont 检索网页页面字体简单介绍一下 CSS Peeper，它不仅能识别字体，还可以快速识别网页中的各种元素的属性，比如说大小、色值甚至是图片资源，强烈推荐网页设计师们使用。
4种插画的新玩法让你的UI体验更优异
人是高度视觉化的生物，能够即时处理大量的视觉信息，据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收。因此，在许多情况下，静态的图片能够传达出相当复杂多样的想法，尤其是在进行大范围展示的时候，它比文本的表现力要强的多。人的大脑对与图像信息的处理速度要比识别文本要快得多。长期以来，图片都作为UI界面中最具有表现力的元素而存在，而最近几年，插画在UI中出现的比例越来越高，在许多地方都有替代图片的趋势。其实原因并不复杂，插画比起图片可控性更强，更容易发挥创意，营造氛围，传递信息。从内容到技术细节，插画都在某种程度上超过现成的图片。在今天的文章当中，我们聊聊插画在UI设计中的运用，探讨一下它是怎么提升用户体验的。插画的特点实际上，现在我们所说的插画(illustration)的词根 illustrate 原本的含义是“澄清，说明”。在现代平面设计中，插画是颇为常用的展示性元素，是视觉传达的重要工具。插画在设计作品中，常常用来引导、启发和呈现信息，更有针对性地、视觉化地同用户进行交流。真正高效的插画一定是有针对性的，易于识别的，并且能够被不同的用户轻松理解的。想要让插画最大化地为用户创造价值，你可以参考下面的四个范例：1、首页插画好的网页设计设计对于潜在用户的影响是巨大的。许多用户在判断一个企业、团队或者品牌的优劣的时候，他们的网站的优劣是一个重要的判据。这也是为什么现如今网页设计师们都在想尽一切办法提升网页的用户体验。这一点，网页和现实世界是一样的，好的第一印象往往源自于优秀的视觉效果。吸引用户，激发想象力，这样才能和用户构建起紧密的关联。独特而传神的插画的价值就在这里，尤其是当这些独特的插画呈现在打开率最高的网页首页上的时候。和品牌气质所匹配的插画不仅能够帮网站筛选用户，而且能够强化品牌属性。2、吉祥物
8个技巧让你瞬间成为人见人爱的美工
虽然很多设计师孩子不喜欢被叫成美工，但设计真的缺不了美工这一职位。那么是不是功能介绍不懂淘宝的运营不是一个好美工，只会作图这样你会被淘汰的，做为一个好美工要眼观六路，耳听八方，玩得了运营，弄得了推广，否则你就会被淘汰的!小编为大家推荐美工的干货，做一个人见人爱的美工。原版很显然，图片中的女士是站在最前面的，但是她的那些穿着荧光安全服的同事们却分散了读者的注意力。处理后将背景模糊处理，这样背后的同同事就真正的退居二线了，还有一个好处：这样的处理加强了图片的深度，更符合实际中的视觉体验。