交互设计

交互设计 案例分析|上传作品时,设计师也要包装一下

案例分析|上传作品时,设计师也要包装一下

前几天看见我的第一个铁粉——佳佳在站酷网站上传了她的首发作品,虽然对于首发作品来说还算不错,但我是还是为她着急,为啥呢?因为缺乏包装的技巧!所以,我单独写一篇自己的感受和建议。发现问题我们来看看她上传的作品:就这一张图,没了。为了作对比,我们再来看看另外一个作品:威威作品这个作品得了站酷的编辑推荐——2把火。上面两个作品风格不同,没什么可比性,但在包装上就有的比了,就单看最后的展示页面,佳佳有四个主形象,却
交互设计 10分钟科普!那些不明觉历的“交互设计方法论”到底是什么?

10分钟科普!那些不明觉历的“交互设计方法论”到底是什么?

[email protected] :为什么要学会方法论?身为交互设计师,行走江湖,怎么能没有一两个贴身护法傍身?!  当我们还是新人菜鸟时,总会有遇到部分产品同学或者开发同学说,你为什么这样做?有什么理由么?为什么不那样做?你这个技术实现不了,你这个UI太丑了,你这个流程太麻烦了等等。  这个时候,我们的交互设计方法论,就派上用场啦。在我们将设计稿做的完美同时,也要学会将自己的设计稿讲的好,也可以说是对自己设计稿的适度包装。
交互设计 设计原则:组织信息的方式

设计原则:组织信息的方式

我们的设计必须显示展现出组织性良好的信息,这样用户才能很容易地理解所显示的内容。这是提供良好用户体验的关键。在大量显示数据的方式中,有一种经受了时间的考验,并证明即使在今天也是高效的。它被称为“ 五帽架 ”。“五帽架”的概念最初由Richard Saul Wurman在他的“ 信息焦虑”一书中形成 。后来他写了这本书“ 信息架构 ”,在那里他重新定义了“五帽架”的概念,形成了LATCH原则。“信息可能是无限的,但信息的
交互设计 超多干货!设计师和前端都需要了解的知识点大全

超多干货!设计师和前端都需要了解的知识点大全

  设计与前端的关系比较紧密,如何在日常工作中更加高效的进行合作,一直是双方共同追求的目标。高效的合作方式,应该是双方具备专业上的共识、能进行有效的沟通、以及对效率工具的运用。  专业共识  这里的专业共识是指设计师和前端都需了解的知识点,双方在这些知识点上达成共识,有助于能更加畅通无阻的进行沟通交流。  一. 设计基础  尺寸 、字体、 排版、色彩、 布局、 动画。  1. 尺寸  一个网页的
交互设计 记忆篇|从心理学理解交互设计原则

记忆篇|从心理学理解交互设计原则

  无论是设计网页还是APP,我们必须要满足用户的需求, 用户体验的好坏完全取决于你多了解用户。用户是如何思考,记忆,做决策?什么促使他们点击?知道了这些,对交互设计很有帮助。让我们从了解人记忆的复杂性和弱点开始。  短期记忆是有限的  短期记忆,和进行中的任务关系比较大,也称之为工作记忆,短期记忆有利于我们正在进行的任务,对于阅读,计算十分重要。我们肯定经历过一口气记住13位的手机号码,并不断默念这个号码帮
交互设计 5个范例告诉你:什么是自适应网页设计

5个范例告诉你:什么是自适应网页设计

  移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?自适应网页设计的出现很好的解决了这个问题。这篇文章将带你了解一些关于自适应网页设计的基础知识和设计范例。  一、理论基础:什么是自适应网页设计?  2011年,网页设计师Aaron Gustafson在他的书《自适应网页设计》里率先提出了自适应网页设计的概念。  Adaptive design
交互设计 不靠灵感做设计!超全面的「情感化设计」落地方法论

不靠灵感做设计!超全面的「情感化设计」落地方法论

  编者按:如何靠科学方法而不是灵光一闪做情感化设计?我查阅了很多资料文章,发现情感化设计还是有章法可寻的,是可以形成方法论的,在此跟大家分享下。  为什么要谈情感化设计?  “我预感到我们后面会越走越顺,会卖疯了….. 如果有一天我们后面卖了几百万台、几千万台……有一天傻X都在用我们的手机,你要知道这个其实……这是给你们做的。”2017年5月9日,当罗永浩在演讲
交互设计 微信创始团队成员:解读微信团队的实验室文化

微信创始团队成员:解读微信团队的实验室文化

昨天微信iOS版本更新,发布了“微信实验室”,实验室里包含了“搜一搜”和“看一看”两个功能。这几年来,微信每一次更新总能引起外界的集体狂欢。这次更新,大家关注的重点是“搜一搜”和“看一看”,说微信要干掉百度和头条。但有一件事,不知你想过没有:搜一搜、看一看的功能,早就是微信搜索框里的已有功能,这次并没有增加什么新能力;这两个功能被放在实验室里面,需要用户自己打开才能看到。既然是重仓搜索,为什么不是大张旗
交互设计 在设计功能时怎样的交互才是合理的?

在设计功能时怎样的交互才是合理的?

  或许在本文中,你不会得到所谓的干货。但小编相信,一旦你读完了,你的思想认知会更上一层的。  首先传达给大家一个观点:交互不是独立存在的,它依附于某个功能或场景下。  然后我们从以下三个问题出发,来理解 “ 在设计功能时,什么样的交互才是合理的 ” 这句话。  什么样的场景需要交互?  这个问题其实很空,因为交互是存在于任何场景中的,什么是交互:您在搜索关键词,系统推送这篇这篇给到您,这既是一个
交互设计 《思美人》“讨薪”背后影视剧营销的红与黑

《思美人》“讨薪”背后影视剧营销的红与黑

文/娱乐独角兽5 月 11 日,网名为“灰赤6628”的网友发布微博称:“让我们黑《思美人》电视剧,但是黑水方案执行到一半莫名其妙就不做了,开始赖账还威胁我们!”并公布了一系列黑《思美人》的执行方案,最后还大胆艾特了电视剧官微和主演粉丝后援会,显然是要广而告之的节奏。果然,微博一经发布,主演张馨予就直接转发了该微博,并声称:“我删博算我输”。一时间,将电视剧水军的问题再度推到了风口浪尖。其实,近年来,水军问题并不少
交互设计 干货来了!2017年5月设计圈实用干货大合集

干货来了!2017年5月设计圈实用干货大合集

  5月份的设计圈干货大合集来了!相比以往,这个月合集中的素材和工具大都以轻量级而著称,能够更加有效地提升你的工作效率,帮你事半功倍地完成设计。本月的干货几乎全都是免费的,除了几个新款的高素质字体。  PAPERSIZES     如果你想确切知道某种类型纸张的尺寸,那么这个网站能够很好地帮到你。这个合集包含了不同国家所使用的标准的纸张尺寸,对于前端、设计师和开发者而言,这些资源在特定的时候非常的有用。
交互设计 收藏起来!一篇绝对能改变你对字体认知的干货

收藏起来!一篇绝对能改变你对字体认知的干货

  今天这篇文章对一部分人来说可能比较基础,介绍的内容也非常多,篇幅也非常长。因为我怕大家对字体不是很感兴趣,所以我就把各种知识点做了整理,然后以这样的方式来输出,好让大家先对字体有个简单的了解。  这绝对是改变你对字体认知的一篇文章,所以收藏绝对没坏处。如果,你看完这篇文章突然就对字体感兴趣了,请你也告诉我,我知道之后会对字体的某个知识点做深入解析,带大家更好的学习字体。  没看这篇文章之前,也许
交互设计 那么多的设计模型,怎么把他们变成自己的?

那么多的设计模型,怎么把他们变成自己的?

我们接受到的设计教育、看过的书籍或是关注过的公众号里流传着各式各样的关于设计流程的经典模型,比如Design Thinking Process,比如用户体验五要素,比如马斯洛需求层次理论,我们在感叹这些设计理论知识体系的如此经典和缜密的时候,有没有想过它们到底对实际的设计有多少的指导意义?有些经典的框架早在上个世纪就已经提出来,对于今天的设计现状是否仍然适用?我们有没有属于自己的关于设计流程的模型?下面进入译文——
交互设计 记忆篇|从心理学理解交互设计原则

记忆篇|从心理学理解交互设计原则

无论是设计网页还是APP,我们必须要满足用户的需求, 用户体验的好坏完全取决于你多了解用户。用户是如何思考,记忆,做决策?什么促使他们点击?知道了这些,对交互设计很有帮助。让我们从了解人记忆的复杂性和弱点开始。短期记忆是有限的短期记忆,和进行中的任务关系比较大,也称之为工作记忆,短期记忆有利于我们正在进行的任务,对于阅读,计算十分重要。我们肯定经历过一口气记住13位的手机号码,并不断默念这个号码帮助记忆,但是打
交互设计 网页感知价值研究:UI中的感知价值

网页感知价值研究:UI中的感知价值

  “感知”本身是心理学层面的概念,界限很模糊,以下是围绕网页感知价值研究的一篇文章,来自nngourp。  UI中的感知价值  拥有好的感知价值的对用户浏览网站是很有帮助的,用户都希望能够在浏览时有好的预见性来帮助他们提升效率。有时候你不会因为因为一本书的封面去评价它。但在互联网世界中,人们通常会以貌取“网”,不管是说产品还是服务介绍,我们的第一印象还是它的页面。对页面有一个好
交互设计 关于六一儿童节页面设计 你早就该换个思路了!

关于六一儿童节页面设计 你早就该换个思路了!

  不知道大家有没有发现一个现象,现在几乎所有的节日都变成买买买的电商节日了(连清明节和单身狗的节日也不放过,可怕。),而且大部分节日最终其实都变成了美少女们的狂欢日,就连儿童节也变成了(大龄)美少女们最喜欢的节日之一,这大概是独生子女越来越多以及男女比例失衡的缘故吧(据人口学者及高级统计师姚美判断,2020年或将爆发光棍危机),一些父母在孩子二三十岁的时候依然还会只是把她们当孩子看,逢年过节会给她们买
交互设计 网页导航设计是网站建设走向卓越的必经之路

网页导航设计是网站建设走向卓越的必经之路

  网站导航作为网站最重要元素,在任何网站都必不可少。网站好坏都根据网站导航设计来判断,一个优秀的网站必定拥有一个良好的导航体系,易于使用的网站导航是网站建设成功的典范,也是网站设计最核心的组成部件。而且网站导航就好比是交通标示,指示用户明确方向。因此,好的导航栏菜单就很容易帮助用户了解自己所处位置,明确告知用户下一步如何做。这也就是网站导航设计被视为用户体验最重要元素单元之一。如何设计出优
交互设计 产品经理告诉你做交互设计的套路:3W1H法

产品经理告诉你做交互设计的套路:3W1H法

  如果是从零开始设计一个新产品,要考虑产品的目标是什么;如果是设计某个产品的某部分功能,要考虑业务目标是什么。  当我们弄清明确商业目标和用户目标以后,开始梳理产品定位,挖掘用户需求,设计功能框架,接着开始通过画图来更佳形象的表达自己的想法,这样一个把思维变化为图形表达的过程就叫做交互设计,交互设计的产出物,一般我们称之为原型。原型只是一个从产品概念到实现的一个过渡,是不同部门之间对话时使用的一个
交互设计 3分钟带你掌握11个最常用的交互控件

3分钟带你掌握11个最常用的交互控件

本文作者将来总结一下各个控件的特点,方便各位更好的理解这些控件。之前的一系列文章,为大家介绍了iOS和Android规范中,各种弹出物(不要乱联想~~)的用法,罗列如下:警告框(Alerts)弹出框(Popovers,iOS独有)简易菜单(Simple Menus,MD独有)模态视图(Modal Views,iOS独有)确认弹框(Confirmation Dialogs,MD独有)全屏弹框(Full-screen Dialogs,MD独有)上拉菜单(Action Sheets,iOS独有)简易弹框(Simple Dialogs,MD独有)活动视图(Activity Views,iOS独
交互设计 电商Banner图颜色搭配设计的秘籍

电商Banner图颜色搭配设计的秘籍

  电商Banner颜色搭配对于内容和色彩的传递效果,都是保证电商网站很实在的东西,如果网站在颜色搭配按照很常规方式,就会让电商网站在内容丰富上面缺少很多。因此,颜色搭配在电商网站起到的作用就无需置疑,电商Banner包含四种要素:文案 、商品、背景、点缀物,作用就准确传递信息,起到很好的宣传效果。那么,如此在Banner设计中使用色彩,濮阳网站建设就说说从几个方面揭开秘籍。  1、电商Banner色彩在不同面积的运用 
交互设计 网站Banner设计文字如何排版

网站Banner设计文字如何排版

  刚才在上篇文章《》提到,banner构图中提到文字排版方式,其实在banner图中文字排版位置很重要,这不仅仅关系到banner中大致的设计方向,而且还跟banner设计丰富度有关。因此,濮阳网站建设就从实例把banner中文字排版位置详细说下。  1、banner图中左字右图  这样做的好处就在于很容易也是我们经常设计常规设计方式,虽然没有很多两点但是中规中矩,而且设计起来也不用加入过多创意,不容易出错。缺点就是大众化,现在
交互设计 悬浮按钮要怎么设计才能带来好体验?

悬浮按钮要怎么设计才能带来好体验?

  悬浮操作按钮(Floating Action Button,FAB),或者说悬浮按钮,是 Android 应用中最常见的一个控件。悬浮按钮通常是圆形,底部的Material Design 风格的阴影让它看起来悬浮在整个UI之上。悬浮按钮是Android UI 交互中最关键的元素之一,在用户流程中至关重要。悬浮按钮非常的易用,但是要正确的使用它,还是要遵循一些基本的规则。  在今天的文章中,你会找到下面问题的答案:  什么时候适合使用悬浮按钮?  悬浮按钮的最
交互设计 除了砸钱,就没有快速拉动APP装载的办法了?

除了砸钱,就没有快速拉动APP装载的办法了?

除了砸钱就没有快速拉动APP装载的办法了?很显然,是的。推广APP一定要砸钱,就算不投入物质,人员成本也是钱。而运营人员需要思考的是,如何用最少的钱实现最大的效果。MAGAPP 4. 0 已有几十家站点上线,我们欣喜地看到,这些上线的APP样式不一,根据自身的发展规划,对APP有不同的配置。为此,我们研究了半城生活、宝宝网及明生活等多家站点,不如一起看看他们在APP配置上的想法和APP上线初期的推广方式。APP配置宝宝网宝宝网的AP
交互设计 “第三方登录”中的“花式捆绑”

“第三方登录”中的“花式捆绑”

  三种不同的第三方登录方式,根据实际需求来决定是否适用第三方登录才是比较重要的。  讲第三方登录的文章数不胜数,在各大搜索引擎上用合适的姿势去搜索合适的关键词,会发现类似的文章不少而且也都是大同小异。毕竟在这样一个同质化严重(抄袭泛滥)的年代,无论是文章抑或是其他行业的种种作品,会发现大家都“长”的差不多,文章的内容都是那些。感觉就是同样的文章署了不同的作者名,再比如手机行业,大家也都
交互设计 译文 | 车载系统交互设计畅想Part3:主动性辅助面板-场景式车载助理

译文 | 车载系统交互设计畅想Part3:主动性辅助面板-场景式车载助理

在第一篇章中,我通过对智能汽车车载中控仪表的重新设计来减少驾驶中过多信息对驾驶员的注意力干扰。我的设计思路是通过多维度的交互操作来帮助驾驶员完成一些简单的操作任务,同时保证双手不离开方向盘。通过更多最对新手驾驶员的采访研究与测试,我又在第二章节中针对消除驾驶过程中的焦虑情绪做了分析与方案设计。在本章节中,我试图总结前两章节的研究发现,并设计一套针对智能驾驶的主动控制系统。什么是主动控制系
交互设计 视频网站产品设计秘籍:标识导引系统

视频网站产品设计秘籍:标识导引系统

  用户进入网站首先看到的第一个完整屏幕称为首屏。在这个几乎所有东西都供大于求的时代,用户有太多选择了,他们总是很容易就能找到替代品,鼠标一点,就离开了。所有的网站都想要抓住用户,首屏是抓住用户的关键。首屏就是一个网站的颜值,脸不好,之后很难引起用户的兴趣。  1 用卡诺模型分析网站需求  网站首屏是用户进入一个网站首先接触的界面,70%的点击和停留时间就在首屏。能否留住用户,关键就看你的网站首屏的
交互设计 功能大于形式!揭秘UI设计中“性冷淡”风格的真相

功能大于形式!揭秘UI设计中“性冷淡”风格的真相

  作为21世纪的全球偶像,Steve Jobs的影响力可以说是摧枯拉朽式的,潜移默化的影响了当前各个行业。有趣的是,从90年代末期开始,Steve Jobs一直坚持黑套头衫加牛仔裤和旧球鞋的打扮,脖子以下的部分几乎是一模一样的。Steve Jobs的着装风格正是现在最为流行的“Normcore”,俗称性冷淡风格。  欢迎关注作者:众安ZED原创 ( 微信号zhongan_zed )  文本从“Normcore”的缘由开始,探索“Normco
交互设计 面对新产品,该怎样规划设计?

面对新产品,该怎样规划设计?

  独自带新产品的时候不知道如何下手…理论都懂,就是不知道该怎么运用到实战中…本文以app为例,聊聊在项目前期设计师应该以怎样的姿态去做设计规划~  一个新app,可能来自创业,可能来自公司内部的新业务,也有可能来自第三方服务公司的招标。由于本人未参与过招标项目,所以只能就前两种情况谈谈自己的看法。  一、项目时间  似乎每个设计师都想用尽毕生所学来把设计做到完美,奈何“项目进度&rd
交互设计 微交互的设计案例与思考(下篇)

微交互的设计案例与思考(下篇)

在上篇中,我们聚焦产品中的用户流程行为,讨论为减少用户操作负担和优化等待而做的交互设计;在中篇中,我们从人的主观感受出发,讨论产品的礼仪和为舒适而做的交互设计;在本篇中,我们将讨论人的感知和目标,探究那些”人们其实已经知道,却没有被发现“,但伟大产品为此做的动人细节。为感知而做的设计:交互设计的基石谈到“感知”和“目标”将无法回避认知心理学,今天我们所讨论的“交互设计”成形于人机界面(GUI)产生之后。这因
交互设计 开发者必备手册!收录完整的HTML 语法教学+标签使用方法

开发者必备手册!收录完整的HTML 语法教学+标签使用方法

  记得小时候刚学计算机时还是使用 MS-DOS 操作系统,家人帮我买了一本厚重的参考书,里头收录所有 DOS 指令,非常详尽,而这本书也对我产生不小影响,我知道学习任何东西都必须要有正确的参考手册,才能够让学习过程更全面扎实。虽然网络上有许多教学文件,但碍于篇幅都只能够以最短快捷方式来帮你达到目的,对于一些较为复杂的内容来说,这些快速教学并不能让你「真正」学会,因此最好还是准备参考手册。  本文要推荐的「HTM