交互设计

互联网中的 “后台” 也是如此，它给人的印象是理性的、功能性的，与前台页面的热闹截然不同。近来撸了个后台页面，在磕磕碰碰的过程中，我有了些新体会，来与大家分享一二。   后台页面 V.S. 前台页面   做多了前台页面后，再来做后台页面，设计师就需要换个思路了。与前台页⾯需要挖空心思去想怎么吸引用户、引导用户做各种操作不一样，后台页面的⽤户上来就是面活的，他并没有什么心思去闲逛。   不过，即使是后台页面的设计，也并没有一个通用的准则。有些后台页面则关注功能的强大，让专业的使用者能得

呈现系统状态 对于ui状态设计，雅各布·尼尔森(Jakob Nielsen)曾经说过，“系统应当始终通过合理的反馈告知用户当前正在发生的事情，所处的状态。”这也意味着界面需要通过反馈让用户知道发生了什么，而无需用户猜测。具有动效的微交互正是以提供视觉反馈而闻名。 为了展示微交互的创造性交互效果，数据的上传和下载过程是一个很好的选择。 另一个经典案例是向下刷新，这是当前移动ui中最常见的交互手段，向下刷新微交互效果让用户欲罢不能。 使按钮和控件易于感知 即使通过手机的玻璃屏幕，

1.做足准备 有一位跨行的同学，本科和研究生双名校出身，一看就是勤奋的好学生，很想做交互设计，然后她说她看了一些交互相关的书，包括《简约设计》等等，那我就问她，书里面提到简约的四个法则是什么，她回答不上来。最后结果她也没有过。 其实这是个比较明显的准备不足，作为跨行的同学，当然要付出比别人更多的努力，结果看的专业书却说不出里面的核心内容，即使是名校出身，学习能力在这也是不合格的。 所以面试前，做足准备是必须的，也是面试第一步。需要准备的内容一般包括：你的简历，作品集，自我介绍，笔试题，专业

什么是交互设计走查表？ 交互走查表是一种设计方法。我们在平时设计过程中，经常会容易漏掉一些设计细节，比如各种状态、通知提醒什么的，做完之后还需要不断去想：“我是不是漏掉了什么”，然后你认为你的方案完美无缺，产品经理那边大笔一挥直接过稿，等到程序猿跑来问你，你才发现，原来还是漏了一堆细节。 交互设计走查表就是一个细节的check list，帮助你可以在设计中或设计完成后，走查各种情况，看是否有没有考虑到的细节，提高设计方案的完整度。

交互设计就业（前景）怎么样？ 经过数年发展，现在互联网行业已经普遍认同用户体验的理念，大大小小公司都设有交互设计师这样一个职位。市场对交互设计师是有很大需求的。 但是，交互本身就是一个易于上手难于精通的职业，高水平的交互设计师是非常非常少的，也就是说，高手会非常抢手。这也同样符合28定律。 交互设计师会被取代吗？ 交互设计师心怀用户，上接产品经理，下接视觉设计和程序员，可以说，是最了解产品，也最了解用户的一撮人。任何时候，能够掌握这两方面的人都会是产品的中流砥柱。所以不存在会被替代的问题

出色的交互按钮需要注意以下几点： （1）按钮需要看起来可点击 为按钮添加微妙的阴影效果，是按钮看起来“浮”出页面更接近用户。为按钮添加鼠标悬浮或点击操作的交互效果，提示用户。 （2）按钮的色彩很重要 按钮作为用户交互操作的核心，在页面中使用色彩进行突出，网页中的按钮色彩应该是明亮而吸引人的，通常喜欢采用明亮的黄色、绿色和蓝色进行按钮色彩，想突出按钮的颜色，用与背景色相对的颜色也是不错的选择。同时按钮的颜色还需要注意品牌色，选择一个与页面品牌配色方案相匹配的，不仅要识别度高，而

axure——文本输入框交互 在登录界面中，包含用户名与密码的输入框。当鼠标点击进入输入框时，输入框边框与内部图标变为蓝色，鼠标离开输入框点击别处，边框回复灰色。举例：百度账号登录界面，文本输入框展示效果如下： 操作分解: 1.选中左侧文本框元件，鼠标拖拽至右侧画布中，设置宽302，高42，线框颜色为#D5D2D2（颜色数值仅供参考，只要调成灰色即可） 3.选中文本框——点击【提示】——点击【提示属性】——点击【文本】选择下拉框中的【邮箱】——【提示文本】输入“手机/邮箱/用户名”，——

什么是指向性动效，是指能够有效的描述物体之间的逻辑关系，同时通过视觉效果，可视化的描述用户操作时候当前的状态，用户可以很清晰的感受到物体与物体之间的位置或者层级关系。 指向型动效的分类 1.滑动 信息列表会跟随着用户的交互手势而动，然后卡片到相应的位置上，保持整齐感，它属于指向型动画，物体的滑动取决于用户是用那种手势滑动的。它的作用就是通过指向型转场，有效帮助用户清理页面层级的排列情况。 2.扩大 页面中的卡片会从缩略图转化为全屏视图（一般这个卡片的中心点也会跟随移动到屏幕的中央

ui设计师一定要了解IOS设计规范，今天把设计规范部分也给大家科普下，赶紧来学习。 一、APP图标 图标是用户看到您的APP第一件事。它会出现在主屏幕上，App Store商店中, spotlight搜索和设置里。 iPhone不再支持@1x，所以你不必生成它。APP图标现在只需要使用：@2x、@3x。有3种类型：应用程序图标，Spotlight搜索和设置。而iPad使用：@1x、@2x。 二、色彩 iOS的使用鲜艳的色彩衬托出按键。这些颜色倾向于在白色或黑色背

一个规范的交互设计师的工作流程是： 需求分析——设计初稿——设计细化——设计评审——设计走查——效果评估 第一：需求分析 开始阶段：越早越好，只要产品愿意讲，哪怕他只有一丝丝的想法，都可以跟设计师沟通。一般来讲，设计介入的阶段有种。 （理想态）产品已经得到领导审批，决定要做某个项目了，且有了大致的想法，但是还没有确定细节，想先跟前后端一级设计人员聊下实现的难度和复杂度，好来限定功能的细节。这种项目一般都是后端逻辑很复杂的，产品能做成啥样，取决于技术的实现能力。产品从会上拿到结论，下一步就