推荐阅读
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物体的一个皮肤。
最新发布
详细解析交互设计师应该具备哪四个素质
从今年4月份开始，我被安排负责一个直播项目，设计之路可谓曲奇坎坷，难得的设计经验让我对交互设计本身有了一些新的认识。结合自身的感悟，我自认为交互设计师除了专业能力的要求外，还应该具备以下素质：1，业务深度带来业务驱动力在工作之初，我认为无论负责什么项目，交互设计都是一种解决复杂问题的能力，从设计分析到设计产出是具有绝对的普适应;而且随着设计能力的提升，经验的积累，这种普适性更加凸显;这一层我并不否认，但交互设计师只聚焦于普适性可能永远都处于门外汉的水准;有机会专门负责直播项目，让我不得不接触和使用各种直播App，不得不和很多专门做直播的人合作，在这过程中，让我对于直播业务有了深入了解。举个栗子，比如设计一个直播的发布流程。通过简单的竞品分析，相信任何交互设计师都能交付出一个流程完整且合理的设计，这是交互的普适性;但实际上，直播却分为很多不同属性，比如资讯直播、秀场直播、体育直播、节目直播等等，不同属性的直播有着不同的业务需求;资讯直播性质敏感，有着非常严格的审核制度，所以如何方便审核才是关键，而且主播往往赶赴现场，多在户外，所以为了保证在弱网情况下的流畅度，切换画面清晰度成为发布直播的必备环节;秀场直播注重个人包装，多处于网络稳定的室内环境，所以发布流程不为高效只为华丽;节目直播时间固定，内容可预估，所以直播预告的提前发布是别的直播类型所不需要的;再比如，资讯直播内容严谨，主播提前试镜是刚需。诸如以上的知识，当你了解越多，你的设计才越接地气，这不是单靠普适性就能获得的。再举个栗子，频繁的使用各种直播app能够第一时间掌握竞品的动态，甚至比产品经理更早的知道竞品推出的新玩法与新设计，从而予以借鉴主动的去推动项目，而不是单方面的接收产品需求，这种业务驱动力慢慢的就转变为设计师的影响力。说白了，便是干一行爱一行的思维，不是说现在负责新闻App的交互，好像只琢磨资讯领域，业务变窄职业发展就会受阻，而是说无论你现在负责哪个模块哪个项目，都应该有迅速深耕业务的能力，而且这种素质应该是交互设计师必备的。正是因为自我驱动，才能让自己变得与众不同，在团队中不可获取;不过话说回来，业务深耕也需要有条理系统化的积累，此一节，也是我今日努力的目标。
5个专门写给UI设计师的创意训练方法
如果大多数竞品的UI 设计和交互方式都差不多，设计师如何才能突破限制，表现出独特的创意和技法？今天小乖乖老爸 这篇好文结合了自己的实战案例，来聊聊做出与众不同产品的5个方法。每一位 UI 设计师，都希望自己的作品是与众不同的，表现自己独特的想法和技法。当你看到那些巧妙的设计，会忍不住惊叹，「太赞了，为什么我想不到呢?」。如果只是模仿，或者「照着xxx抄一下就行了」，那我们的工作还有任何意义吗?所幸薄荷是家鼓励创新的公司，可以给到设计师比较好的氛围，去尝试和探索。我们宁可为了创新而创新，因为，刚需都被巨头们牢牢抓在手里了，你只有与众不同才会有机会，平庸的产品只会平庸的死掉。要做出创新的产品，做出与众不同的设计，有什么方法呢?接下来我们一起来探讨下。一、先来个套路「套路」这个词现在有点贬义了，的确，做人不要有太多套路，但是做事得掌握套路。想想职场上你敬重的前辈们，他们凭什么赢得你的敬重的?不就是因为在你手足无措的时候，他们掌握了一些套路，教你轻松化解了吗?今天跟大家分享的套路，是我在《从0到1》这本书里学到的。在这本书里，彼得 • 蒂尔提到，每次面试应聘者他都会问一个问题：在什么重要问题上，你与其他人有不同看法?这真是非常棒的问题，你可以用这个问题来问一个企业家、问一个产品经理，也可以用来问一个设计师，而且从他的问答中，你能看出他对这件事的思考。套路相当深啊!
优秀的交互设计有哪些主要评判标准
这可能是UX领域没有人能真正全面回答的问题，我也只是根据经验给大家分享一下自己的看法。主要想从几个方面来说：1. 什么是UX;2. 什么是好UX; 3. UX界的一些新观点1. 什么是UX首先，人机交互不是UX。虽然有很多的重合，但是并不是一回事。详情请见下图：从图里就能看到，其实UX是个非常大的范畴，不是大家所说的只有一个界面。你可以看到，视觉的部分，也就是visual design只是UX中的一部分。你和一个系统发生交互的时候，你内心的感受，你对系统的认知，你看到的视觉，你看到的文字，你听到的声音，到你对这个系统产生的认识(mental model),都是你体验的一部分，也是UX所应该关注的领域。其实想做一个好看的系统是不难的，但是想做一个好用的系统却不然。为什么呢?就是因为整个系统的设计架构会很大程度的决定你的体验。举一个很详细的例子吧。其实你和任何一个系统交互的过程就像是你到了一个新的城市，一开始你什么也不知道，你对城市没有你的认知和mental model，你在逐渐探索的过程中了解了这座城市，知道了不同的餐厅街道商场都在哪里。用户对于系统认识的过程也是这样的。你从一无所知，到熟悉一个系统，是通过与系统的交互逐渐熟悉起来的。你可以用路牌用地图让用户知道如何在一个城市里穿街走巷，可是你很难通过直观的让用户有归属感的来真正了解你的城市，这要是做UX最困难的地方，给用户提供良好的记忆辅助和对你的系统全局的认知。而以上说的这一切，都是UX的范畴。2. 什么是好UX
9个初级设计师应该掌握的工作习惯分享
刚迈入设计领域新人，除了学习专业知识，坚持正确的工作习惯也很重要，比如马良重生这篇文章提到的9个设计习惯，都是简单但长期坚持后能看到效果的，建议新人阅读。1，养成随改随存的好习惯谁敢说自己的电脑不会卡机不会死机?所以建议大家经常保持Ctrl+S的标准手势。2，对图层进行整理为主要的图层命名以及建立图层组，将源文件整理的“干净、整洁”是每个设计师应该养成的良好习惯，这样在你过了很久再回来修改文件，也不会浪费更多的时间。3，画矢量图形就用形状和路径工具通常大家在绘制矩形的时候会怎么绘制呢?其实好多种方法，个人觉得这里使用形状工具是最上上的选择。路径和形状工具的好处在于，你在经历了各种修改之后，图形依然不会损失质量。
13个设计方法设计真正轻量化的移动APP
无论是扁平化还是Material Design，简化图标元素都只是触及表象，想创造出本质上轻量化的设计，界面细节和交互上的考量也非常多，今天这篇好文，总结了13个帮你做出轻量化设计的方法。1. 创造更轻的设计（Lighter Design)什么是轻设计扁平化设计不再使用各种斜度和阴影，让app有了更轻盈的美感。这意味着通过运用负形空间来取代斜度和阴影，创造出一个只关注核心信息的、更为简洁的界面，从而摒弃那些对app本身和用户流程来说都很低效的设计元素。如何更轻较轻的设计舍弃掉了那些分散人们注意力的元素，以引导用户去关注屏幕上有意义的内容，使得导航更简单，同时又塑造了一种极简、现代的高大上品牌形象。2. 一种字体用到底什么是只用一种字体减少屏幕内所使用字体数量能最大限度地表现字体设计的张力。因为当你少用不同的字体、不同字号还有像斜体、黑体、半黑体等字形样式时，内容之间留白的级别差异才能更好地被区分开来。为什么只用一种字体
6个方法设计出实用美观的风格指南技巧
统一的风格让用户觉得有信赖感，也能将服务和用户连接起来。无论是Dropbox 或者 Google、Twitter，都有属于自己独特的设计风格。这篇文章，总结了设计风格指南中所记载的6个要点，供同学们参考。参考这次介绍的样本和要素，并在今后的设计项目中尝试着加入这些，让设计变得更有趣吧。在你制作风格指南之前，首先需要注意这几点。首先在设计商品与服务之前，让我们创建一个风格指南。然后找出哪些设计要素是适当的，这你得有一套自己的标准。风格指南完善是没有终点的，这也是没办法的事。利用万能的设计语言所制作完成，互动也是非常必要的。在风格指南制作完成之后，我们还必须想清楚，是不是能很好的将商品里的信息传递出来，让人能够轻松的理解。01. 基本原�使用风格指南来创建设计中的一些基本原则。设计的基本原则指的是，在开发商品或服务时，设计师是基于哪些标准来解决这些设计的问题的。
从iOS10的交互设计中学到的3个设计启示
本文用交互设计的思维对iOS 10的新特性进行分析。撇开平时我们考虑的界面排布，页面元素等问题不谈，将视角转移到屏幕外的东西：如时间维度的，空间维度的，手势操作等等，以提升我们的用户体验。先上iOS 10 官方指南的原地址：https://developer.apple.com/ios/human-interface-guidelines/本文作者是蘑菇街的设计团队，欢迎大家关注他们的追波地址哟：https://dribbble.com/mogu背景前段时间被一篇名为《从iOS 10设计指南变化看设计的新趋势》的文章刷屏，文中从UI设计的角度分析了iOS 10带给我们的设计新趋势：“大而简，简而精”。文中指出，未来的设计将更注重产品的内容和操作体验，降低其他因素对用户使用上的干扰。设计师则需要在界面设计中去把握「大」和「简」的程度，以及思考如何通过更有限的手段和空间来传达更多的信息和指引用户来达到「精」的目标。iOS 10于一周前正式推送更新，相较于前几代的系统，他在交互方式上有了比较多的改变，在很多细节设计上，更是值得我们把玩和品位。正如苹果官方在他的更新说明里所描述的：“iOS 10是iOS发布史上的重磅之作”。所有iOS 10新特性罗列的文章网上已有很多，这里就不赘述了，本文则将从交互设计的角度出发，聊聊iOS 10的变化带给我们设计上的启发和借鉴意义。一、基于行为的设计著名的交互设计专家Jon Kolko在他的《交互设计沉思录》中指出：“行为是发生在第四个维度(时间维度)上的，而交互设计的目标是试图随着时间的推移，逐渐理解并进而塑造人的行为”。举个例子，iOS 10最明显的细节之一：拿起手机就亮屏。
如何解锁优秀电商Banner广告的新姿势
在我看来，电商设计师是应该要保持一个比较宽的可超控阈值的，就比如说你要能既做的了小清新也做的了重口味，玩得起高冷大牌也受的了特价清仓大甩卖，再一个很多人表示不知道如何动手开始做一个Banner，于是就有了这篇文章，哈哈。写在前面写这篇文章的意义在于，很多人表示不知道如何动手开始做一个Banner，拿到需求脑袋里是懵的，那么归根结底还是看的太少做的太少了，所以今天我就给大家总结梳理一下我们目前市面上的Banner有哪些品种(表现形式和手法)好了，因为在我看来，电商设计师是应该要保持一个比较宽的可超控阈值的，就比如说你要能既做的了小清新也做的了重口味，玩得起高冷大牌也受的了特价清仓大甩卖。开始这个话题之前呢，我先给大家列个提纲：1、目前主流的Banner表现形式有哪些？2、如何在实际需求中运用这些Banner形式？3、每种形式的Banner都需要掌握哪些知识点？4、我写这篇文章的意义是什么？5、总结接下来，我一条条地给大家讲解咯(文章越到后面会越精彩，所以耐心点咯～)：
7个提高无线端表单可用性的设计原则
用户在填写表格的时候可能会犹豫不决，所以你应该让这个过程变得尽可能容易，这篇文章中的7个设计原则可以显著提高表格的可用性。无线端用户使用移动应用程序或网站都有一个特定的目标。通常情况下，站在用户和他的目标之间都会有一个交互形式 – 表单。实际情况中，表单被认为是用户使用链路中达到目标的最后一步，这就是为什么它是如此重要。所以用户填写表格尽可能快，没有任何疑虑，是表单交互设计的重要考虑要素。无线端表单设计需注意的原则有如下7个：原则 1：表单的交互设计应与用户输入数据的行为强兼容确保表单所有字段没有被界面中的任意元素遮挡，例如键盘唤起时。当用户完成输入表单的某一字段，页面位置自动往下前进至下一个字段更好利用有限空间。原则 2：减少输入字段和用户打字的交互成本表单越长越复杂用户完成整体表单的意愿就越低 – 尤其是在小屏幕上。最大限度地减少输入字段数，使你的表单载入更快速，尤其是当您向用户索取大量信息的时候保持表单越简短越好。但只减少输入字段的数量是不够的 – 交互设计师还应该注意用户输入成本，无线端打字有较高的交互成本。相信大家都有体验，手机打字很容易出错即便使用PC键盘也很难避免(触屏输入更是如此)。因此，尽量减少打字和防止用户输入错误，下面是几个小技巧：
4个设计建议让你的轮播图点击率更高
轮播图(Carousels)这样的交互方式，在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时，使用轮播图，似乎能够不费吹灰之力地解决这场争端，没有人是输家。然而，轮播图这种方式真的有效吗?如何设计才能带给用户更好的体验呢。事实上，“万能和事佬”轮播图的点击率通常都很低，转化效果也并不好，却往往占用了页面最抢眼的大面积位置。想象这么一个场景：当你走进图书馆想找一本特定的书阅读时，一个销售员挡在你面前让你先看一个大广告图，然后等你还没读完具体讲了什么内容时，他又突然换了一张，是不是很惹人厌呢?大部分轮播图的设计也是如此。确保你真的需要使用轮播图首先，设计不当的轮播图容易被用户当成与他想浏览的内容不相关的广告图片而直接无视。在各种网页中早以身经百战的用户，会选择最快速的方式找到和浏览他们想要看的内容。把精力放在翻看没有预期的轮播图上显然是低效的，一上来就自动进入了用户的视觉盲区。下面的热力图展示了用户的浏览行为习惯：快速扫描找到想要阅读的区域，然后再进行有序的沉浸式阅读，毫无例外他们都忽略了看起来像广告的图片部分。(以上热力图源自 James Royal-Lawson)(以上热力图源自 Nielsen Norman Group)除此之外，在2013就有研究结果表明，轮播图的交互效果十分不理想： 只有 1% 的用户点击了轮播图上切换按钮，其中 84% 的用户只在首屏点了1次。