推荐阅读
PS如何使用背景橡皮擦工具
背景橡皮擦工具是一一个相对智能化的擦除工具，设置完背景色后，使用背景橡皮擦工具可以在擦除背景的同时保留前景色对象的边缘。1、首先在工具箱中选择背景橡皮擦工具，同时在其属性栏中进行参数设置；2、接下来在图像中擦除多余的部分即可；3、完成上述操作后查看效果对比；4、在背景橡皮檫工具属性栏中，若勾选“保护前景色”复选框，则可以在涂抹图像时保护前景色。
版面构成
版面编排是设计的重点之一，好的编排往往能达到较好的视觉效果，我们可以利用简单的文字和颜色，制造一些视觉上的特殊感受，这里就有十个简单的例子，介绍版面构成所拥有的几种特性。 ■对比 ■大小 ■镜射 ■距离 ■重覆 ■粗细 ■连续 ■ 韵律 ■ 统一 ■ 移动
Authorware实战开发专题－－ 制作Windows标准菜单方法
3、操作步骤：1） 新建一个文件，并调入外部函数tMsControls.u32的相关扩展函数：tMsCreateDropList(windowHandle) tMsCreatePopupList(windowHandle)tMsAddItem(ControlHandle,menuItemNo,submenuItemNo,menuText) tMsGetItem(ControlHandle, menuItemNo, submenuItemNo)tMsDisplayControl(ControlHandle, X, Y, Width, Height, Return)2）设置屏幕大小和背景3）创建中文下拉式菜单，程序流程如图5.4图5.4创建中文下拉式菜单程序流程我们知道，如果我们把文件File的属性PRoperties的“menu bar”Options选上，如图5.5所示，则程序的运行窗口将出现一个“File”的下拉菜单，如果我们要制作全中文的菜单，当然要想办法把它“擦除”掉，而“File”下拉菜单是系统默认的，因此我们也建立一个和它同名的“File”下拉菜单，这样系统就认为这个“File”下拉菜单是用户所创建，理所当然我们可以用擦除图标把它擦除掉拉。其它的步骤请看图5.4。图5.5 File文件的属性Properties范例设置4）创建下拉列表菜单和鼠标右键响应菜单。（1）在计算图标“creatmenu”里写入如下程序代码：---- 下列代码创建弹出式菜单的句柄：popupHandle:=tMsCreatePopupList(WindowHandle)---- 下列代码创建弹出式菜单的菜单选项列表：tMsAddItem(popupHandle, 1, 0, "作者介绍")tMsAddItem(popupHandle, 2, 0, "联系作者")tMsAddItem(popupHandle, 3, 0, "-") ---- 在选项 2和选项 3 之间创建一条分隔线tMsAddItem(popupHandle, 4, 0, "软件说明")tMsAddItem(popupHandle, 5, 0, "软件教程")tMsAddItem(popupHandle, 6, 0, "-") ---- 在选项 5和选项 7 之间创建一条分隔线tMsAddItem(popupHandle, 7, 0, "退出系统") ---- 下列代码为"软件教程"菜单项创建两个分隔开的子菜单选项，如不需要子菜单，可---- 以省略tMsAddItem(popupHandle, 5, 1, "Authorware")tMsAddItem(popupHandle, 5, 2, "-")----在子菜单Authorware和子菜单Director之间创建----一条分隔线tMsAddItem(popupHandle, 5, 3, "Director")---- 下列代码创建下拉列表式菜单的句柄：droplisthandle:=tMsCreateDropList(WindowHandle)---- 下列代码创建下拉列表式菜单的菜单选项列表：tMsAddItem(droplisthandle, 1, 0, "请选择访问以下网站")tMsAddItem(droplisthandle, 2, 0, "---------------------------")tMsAddItem(droplisthandle, 3, 0, "郁 金 香 B B S ")tMsAddItem(droplisthandle, 4, 0, "清 音 飞 扬")tMsAddItem(droplisthandle, 5, 0, "魔 岩 工 作 室")---- 下列代码是显示下拉列表式菜单tMsDisplayControl(droplisthandle,17,80,50,50,0)（2）加鼠标右键响应弹出菜单的永久条件交互和下拉列表菜单选择菜单的按钮响应。设置条件“RightMouseDown=TRUE”，其中“RightMouseDown”为系统变量，返回类型为“Continue”，并设置为永久交互，如图5.6所示。这样当用户进行鼠标右浆操作时，条件为真，执行计算图标里的代码后并弹出菜单，由用户选择：---- 下列代码在鼠标右键点击处，弹出一个前边设定好的弹出式菜单，---- 并将用户反馈（即用户所选择的菜单项）返回给变量popresult：popresult:=tMsDisplayControl(popupHandle, CursorX, CursorY, 100, 120, 1)---- 下面是当用户选择弹出式菜单执行的相关操作的代码：if popresult="退出系统" then Quit() -----这里只是“退出系统”操作代码的样式范本图5.6 右键响应弹出菜单的永久条件交互 而另一个“Continue”交互“GO”就是下拉列表菜单的相关操作，计算图标的代码如下：----将用户反馈（即用户所选择的菜单项）返回给变量DropReturnVar：DropReturnVar:=tMsGetItem(droplisthandle, 0, 0)---- 下面是当用户选择菜单后执行相关操作的代码，只是简单显示一个交互消息框而已。if DropReturnVar=3 then MessageBox(WindowHandle,"URL: http://bbs.stu.edu.cn ","郁金香BBS",64)if DropReturnVar=4 then MessageBox(WindowHandle,"URL: http://www.music.stu.edu.cn ","清音飞扬",64)if DropReturnVar=5 then MessageBox(WindowHandle,"URL: http://202.192.154.5/myhome/rock ","魔岩工作室",64)5）存盘完成。执行一下，看看效果吧。
AutoCad 使用夹点与编组
7.1.1 夹点简介 在AutoCAD中当用户选择了某个对象后，对象的控制点上将出现一些小的蓝色正方形框，这些正方形框被称为对象的夹点（Grips）。例如，选择一个圆后，圆的四个象限点和圆心点处将出现夹点（如图7-1所示）。 当光标经过夹点时，AutoCAD自动将光标与夹点精确对齐，从而可得到图形的精确位置。光标与夹点对齐后单击左键可选中夹点，并可进一步进行移动、镜像、旋转、比例缩放、拉伸和复制等操作。 使用夹点进行编辑要先选择一个作为基点的夹点，这个被选定的夹点显示为红色实心正方形，称为基夹点，也叫热点；其他未被选中的夹点称为温点。如果选择了某个对象后，在按Shift键的同时再次选择该对象，则其将不处于选择状态（即不亮显），但其夹点仍然显示，这时的夹点被称为冷点。关于夹点的各种状态的例子见图7-1。 如果某个夹点处于热点状态，则按Esc键可以使之变为温点状态，再次按Esc键可取消所有对象的夹点显示。如果仅仅需要取消选择集中某个对象上的夹点显示，可按Shift键的同时选择该对象，使变为冷点状态；按Shift键的同时再次选择该对象将清除夹点。此外，如果调用AutoCAD其他命令时也将清除夹点。 7.1.2 使用夹点编辑对象 在AutoCAD中使用夹点编辑选定的对象时，首先要选中某个夹点作为编辑操作的基准点（热点）。这时命令行中将出现STRETCH（拉伸）、MOVE（移动）、ROTATE（旋转）、SCALE（比例缩放）和MIRROR（镜像）等操作命令提示，用户可按Space键或Enter键循环显示这些操作模式，也可单击右键调用快捷菜单进行选择，如图7-2所示。 直接使用这些操作命令时系统自动以基夹点为操作基点（起点），操作过程与相应的AutoCAD命令类似。
最新发布
高手之路：解读眼动的12个误区
学术界和商界对眼球追踪技术应用(以下简称眼动)的关注度，每隔一段时间便会出现一次高潮的讨论。随着技术的革新和推广,越来越多的用户研究行业人员开始在产品设计和研发过程中引入眼球追踪技术,尝试读懂用户眼中的产品和体验。但是由于对眼动技术认知的不足、信息的不对称，导致对该研究方法的误区不断出现。本文将列举一些用户研究领域对眼动的误区，并试图解答正确的应用。一、 先做个眼动，看看用户在看什么?对眼动有所了解的人，通常会向研究员抛来这样的问题。假如盲目地接下这样的任务，不经过需求细分和策划的眼动测试，最终所有人得到的也只是几张漂亮的浏览轨迹图和关注密度热区图。试想当软件界面需要做出大的调整时，用眼动来记录”软件的静态设计稿”和”可点击、有交互”的软件demo稿时，用户的关注点会有多大不同?在分析眼动结果时，不明确的测试目标会难以回答”应该这样/可能是这样”的问题。通常不明显的结论，又要引发新一轮附加的测试任务。在理解和沟通测试前，就应该明确测试的目的、希望通过眼动配合数据解答的问题。每个任务有明确的测试开始、完成节点，使结果易于分析和对比，才是眼动数据的意义所在。二、眼动就是热区图和轨迹图Nielsen在06年发现人们浏览网页时有字母”F”型的阅读习惯。这个F型的热区图在很多场合都被引用，但很少有深究热区是基于用户的眼睛停留次数、停留时间，在什么时间范围内生成的呢?用户浏览习惯是否会因为网站结构和时间的变化，而不是呈现F型呢?通常阅读报告中眼动数据的人，也常常会说”我要一张关于xxx的热区图”，而不去考虑背后的各种限制因素。同样的不幸也会降临在”轨迹图”身上。眼动热区图
详细解析用户体验设计遇见色彩情感
有一段时间没分享一点儿东西了，记得上次与大家分享过“情感化设计中的手绘应用表现”。今个再次煽情一下，与大家分享一点关于色彩情感的那些事儿，可能前部分的色彩介绍大家有了解过。但任何事情有因有果，所以还是先让大家了解下关于色彩的组成和色彩的情感等，再来简单说说在我们生活中和界面设计中的运用所带来的感受，以及人们对色彩的喜好偏差和色彩的决定性作用等等。一、关于色彩1、色彩色彩，对于人类而言，始终属于自然界最神奇的奥妙之一，永远都在激发着我们的好奇心和创造力。在我们生活中无论何时何地，充满着各种多采多姿的色彩，哪里有光，哪里就有颜色。有时我们会认为颜色是独立的：天空是蓝色的、植物是绿色的、而花朵是红色的。但事实上，其实色彩并不会单独存在，漂亮的色彩搭配常常可以让画面更加吸引人你的目光。色彩就像是音符一样，没有某一种颜色是所谓的“好”或“坏”，唯有一个个的音符组合起来才能谱出美妙的乐章，才能说是协调或者不协调。2、色相环色相环告诉我们颜色之间的相互的关，在很多关于色彩文章中，都可以看到色相环的身影，它是我们选择颜色的一个强有力的工具。色相环是指人类的肉眼可以辨识的色彩色相所组成的色环，它由12种基本的颜色组成。包含三原色，即红、黄、蓝，原色混合产生了二次色，即橙、绿、紫，二次色混合产生了三次色。三原色是色相环中所有颜色的“父母”。在色相环中只有这三种颜色不是由其它颜色混合而成，在色环中的位置是平均分布的。二、色彩情感每个人有自己所喜爱的音乐，同样每个人也有自己钟爱的色彩，每一种颜色都有一种寓意。色彩做为第一视觉语言，当人类初接触到一个事物产生第一印象时，色彩的吸引力往往高于其造型所产生的印象。适当的应用色彩能够增强画面感染力，提升产品印象与感觉，而不同的色彩常常左右了产品最终给人的感受。色彩具有象征性，而且色彩的象征性具有区域性，民族性。说到象征我们脑海里首先会蹦出：红玫瑰象征炽热的爱情，黄色总是与富丽，权利地位相连，白色纯洁，蓝色优雅平静，黑色肃穆，邪恶等。因为颜色具有象征性，所以我们要分场合着装，送礼等。
设计师解读2017年UX设计3大预测
在对2017年的UX设计进行预测前，先总结下我2016年的预测。2016 UX设计预测 1更多的品牌增加自定义内容和本土广告，拥抱数字式体验。准确度：A +原生广告无处不在，浑然一体融入到用户体验中，毫无违和感。Uber最近发布了一个新版本的App，能帮你快速到达目的地的同时，还增加了一个Uber feed新功能，为用户的行程提供个性化服务。Uber feedUber设计师Didier Hilhorst 提到，这个新功能可以让用户听音乐，查看餐厅的菜单，与你其他人保持联系。Uber这种定制客户体验的趋势变得越来越流行，整个行业标准也随之提高。我曾提到Trunk Club这个品牌，它设计的用户注册是一个互动型的问卷调查，网站的显示内容根据用户的回答而不同。作为Trunk Club竞争对手之一，Stitch Fix的风格与之类似，并借此进一步完善其设计。
适应网页设计新趋势：CSS3字体以及图标
很荣幸从事网页设计业，新技术、新技巧越来越多，我们的工作越来越轻松，甚至不用设计软件，利用网上的一些工具都能完成设计。当然，若想更轻松的工作，就必须跟进新趋势、新方法，本文介绍了网页设计中一些新式设计方法。CSS3可以称得上是伟大，无论是开发者还是设计师都能从中受益。CSS3提高了网页整体的表现，为我们的设计实验提供了大量机会，让我们可以把很多灵感付诸实践。技术的提高，自然也带来了很多问题，多设备浏览网络，分辨率多种多样，成千上万的设别种类、屏幕尺寸应用场景，但不管怎样，都要满足用户的浏览需求。有问题便需要解决，解决问题需要知识，需要探索精神，我们需要不断学习。工作流程亟待改进那这意味着什么?不可能为每一种设备一一进行设计吧?取而代之的是，我们需要改进工作流程。我们的设计流程、开发流程需要迭代了，我们应该使用更多适应性较强的技术、元素。1.CSS3别看CSS3刚出来不久，实际上，CSS3于1999年开始制定，花了14年!跟前几个版本的CSS不太一样，CSS3划分为好几个模块——2012年年中发布了超过50种模块，有4种尤其值得推荐，经过了大量的讨论、检测，这4种可以说已经是很完善的了。W3C推荐的这4种模块是：
浅谈儿童设计移动应用界面的技巧
本文是爱奇艺无线UED负责人晓生 在项目工作中学习到的知识，针对儿童的习惯，从 配色、线条、布局、声音等都作了图文分析，如果有设计师刚好在开发儿童类产品，这篇小结会是不错的学习经验唷。最近处于项目需要，开始研究儿童产品的界面设计。在此之前，对儿童如何使用移动产品和如何设计知之甚少。优质的移动应用，为儿童带来乐趣的同时可以帮助儿童认知事物。越来越多的儿童使用移动设备，接触虚拟社区的时间甚至早于真实世界，如何设计儿童产品是一个非常值得深入研究的课题。本文简单地从视觉、界面层级关系和交互等方面分析儿童与成人界面之间的差异性。颜色细心的朋友会发现儿童家具明显有别于其他家具，最明显的特征就是颜色，这是因为儿童视力到8岁才能发育完全，对色彩的认知也是从简单的三原色开始，儿童偏向于喜欢高纯度和高明度的原色。iPad版奇艺动画片的启动界面以品牌绿为主，配合多种红蓝黄等颜色，整体写实蓝天绿草地的真实意境，营造轻松有趣的氛围。线条
让这些数学理论来为你网页设计撑腰
古老的数学原理已经存在了成百上千年，但是依然能够帮助我们提高设计水平，你相信吗?这些数学原理经得起时间的检验，能够在构图上给予我们指导，帮助我们构建更加和谐的视觉效果。你可能在设计中曾经用到过数学原理，也可能没有。无论如何，数学规律适用于各种设计，从印刷设计再到网页设计。因此理解这些数学的原理，就能让你的设计更加的好看、更高瞻远瞩。黄金比例黄金比例，也可以说是黄金矩形或者黄金分割，最理想的比例是1.618。这种原理的起源上不知晓，但是黄金比例无处不在——从撒哈拉沙漠中的的金字塔再到巍峨的帕特农神殿。当然不仅仅局限与建筑，我们可以从达芬奇的《维特鲁威人》中看到黄金比例，也能在无数的网页设计中看到黄金比例。而在印刷和网页设计中，黄金比例使用的不是那么严谨，比例稍微有点变动，但是依然接近1.618.但是依然属于黄金比例的大致范围。(网页设计中的布局，有时设计师会取整数，这样设计起来能更方便一点)黄金比例的用途广泛——在设计单个元素时，可以用黄金比例的思想来设计该元素的轮廓;也可以在多进行个元素组合时，采用黄金比例。
详细解析网页设计中的极简风格
当提到网页设计趋势的时候，不管什么文章都得来一句：“现在特别流行极简主义设计”，那么，到底什么是极简主义?极简主义不光存在于网页设计中，像Logo设计、印刷设计、包装设计也都有相应的极简主义风格。目前流行的极简主义网页设计视觉风格是：使用纯粹的色彩以及简练唯美的照片。极简主义网页设计流行使用创新式导航，不但易用，而且有种简约美，符合极简主义“回归功能”与“视觉简约”的双重理念。简约的外观、易用的功能，并不意味着极简主义网页设计很简单。事实上，优秀的极简风格作品需要复杂的设计流程。有一种不错的极简主义设计方法是：先设计一个风格复杂的网页，然后不断简化，回归基本。概念不要因为极简设计看起来简单而轻视他，也不要因为极简设计流行而跟风。如果你抱着以上两种想法去设计，那么你的极简设计一般不会成功。为何?因为你只看到了表面。尽管极简主义网页设计现在很流行，很多网站都在用这种风格，但实际上，极简风格不能通吃所有类型的网站，有的网站用极简风格就不合适。当内容较少时，结合现代美学风格，极简设计效果最佳。当内容繁多、网站面向的用户是大众时，极简设计往往不奏效。像 The Verge这种内容丰富，每日更新的科技站点，面向的是普通人。页面中元素太多：广告、社交媒体图标、按钮、文章。简化起来非常麻烦。因为所有的元素都是最基本的元素，已经减无可减了，再减，用户肯定会来反映问题。
源自Codepen的25个最受欢迎的HTML/CSS代码
我搜索了一些时下最好最流行的codepen（仅限于HTML和CSS）。如果你能把它们融入到设计中去，那么就会大大节省很多时间。在下面的例子中你会看到各式各样的片段，HTML 陈列，登录方式，垂直菜单，甚至时下最流行的主题：扁平化设计【扁平化图像，扁平化按钮形状，扁平化用户界面要素等】。好好欣赏这些精选的代码片段吧，如果现在没时间看完所有的代码例子，那就保存下来以备不时之需吧。CSS3 Working Clock这是一个纯css3时钟。它使用css动画还有图形，没有使用任何图片或者是js
详解阿里巴巴皮革城网站设计总结
在服装服饰市场的基础上，以皮革维度对市场进行强营销。从材质维度对买家进行导购，以真皮为堆头打造品质，以革为推手促进交易，还原线下皮革市场的场景。从业务需求上来看，要将皮革城打造成一个相对独立，以真皮为核心、革(潮元素)为推手的高端特色市场。由于皮草、皮革受众多为女性，故女性化也成为皮革城设计的重要标签。在此基础上的特色市场设计应区别于传统的行业频道页面，保持相对独立以及突出批发特色。前期设计风格探索中，我们将皮革城的设计拆解为3个方向，分别是：色彩设定、质感运用、结构排版。1)色彩设定在色彩的探索上，跳出WEB设计的局限。收集了大量手机端、营销设计、服装设计的作品，包括到线下的商城去寻找设计的灵感。试图运用视觉感受营造一种高端、以女性为主的批发市场氛围。
15款时尚大气的APP透视模型PSD素材
设计完一组漂亮的APP界面，你能否找到完美的透视界面来展示你的成果呢？今天分享一组高质量的 Mockup，帮你完美地展示UI，有需要的同学赶快来收。Perspective App Screens Mockup