更新于:10-22 12:01

有关[视觉]标签推荐

打动用户的 12 条 UI 设计法则

于10-10 20:39 - 设计 达人 - 用户体验 视觉设计 UI UI设计 设计理论
前言:不少设计师看到好看的设计,第一时间是保存起来,或粗略浏览、或不再过问. 但草草地浏览并不意味着我们真正理解这样设计的内涵,或者真正了解设计背后的技巧. 要让用户动心,还需要了解设计心理学,从用户心理去引导用户行为. 今天设计达人分享的这篇文章,分别从格式塔心理学、色彩心理、形状心理学角度进行案例分析,希望能给你一些帮助.

设计师要理解的10个心理学原理

于04-20 17:18 - 设计 达人 - 视觉设计 设计心理学 设计理论
前言:高手的设计作品都是有理有据的,学习设计心理学,除了让作品有依据,在向客户提案时也会更有说服力. 而作为设计师除了要掌握基本的 设计规范外,还需要对每个层面的情感以及创造情感的心理学原理有更深入的了解. 好的设计不仅能解决问题,还能为用户带来积极的情感,并通过三个层面产生情感: 本能层:用户想要的感受; 行为层:用户想要做什么; 反思层:用户想要成为谁.

如何建立一份移动UI设计规范?

于03-05 11:17 - 设计 达人 - 视觉设计 UI UI设计 设计规范
作者:白鹭漫谈 在多人团队里,通常不同的设计师负责不同的流程,如果没有UI设计规范,不同的设计师就会对相同的组件做出不同的方案. 而制作设计规范和UI KIT之后,则可以直接利用KIT里的组件快速搭建好页面,把设计师从基础工作中释放出来,大大提升设计效率. 目录 一、为什么要建立规范. 方便维护和更新,减少冗余内容.

那个让大多数手机有美颜功能的虹软,开始免费开放人脸识别技术了

于11-15 20:42 - 刘学文 - 公司 人工智能 美颜 虹软 计算机视觉
对于大多数人来说,虹软并不是一家知名度很高的厂商. 手机发烧友们可能会有些印象,因为不少的手机厂商在开发布会的时候,会说自己手机拍照用的影像传感器用的索尼的最新款,而相应的软法则来自虹软. 其实可以说得更明白一点儿,现在大多数智能手机所采用的前置美颜算法,都是出自虹软,没有虹软,就没有社交网络上那么多的好看小姐姐.

后台产品的容错性设计

于03-03 13:20 - 何文铨 - UX 交互设计 用户研究 视觉设计
容错这个词严格来说应当是计算机领域的词汇,如果以比较标准化的描述来定义的话,容错指的是“当计算机由于种种原因在系统中出现了数据、文件损坏或丢失等等其他故障问题的时候,系统能够自动将这些损坏或丢失的文件和数据恢复到发生事故以前的状态,使系统能够连续正常运行的一种技术. ”这个听着有点绕口,其实简单来说,就是当计算机故障发生或者存在的情况下,计算机系统依然可以正常工作的能力,这就是计算机的容错能力.

[MUX翻译] Apple TV 人机界面指南

于09-16 22:43 - hexin - 交互 博文 推荐博文 视觉
新Apple TV重新定义了起居室的体验,你能将非同凡响而身临其境的内容投放到大屏幕上,这是前所未有的体验. 无论你是在开发游戏、媒体流应用,还是家庭实用应用,在构想产品的时候请记住这些设计原则. 互联 Connected. Apple TV通过革命性的Siri遥控器为电视带来了触控体验. 用户可以在房间的任何一个角落,通过流畅、直观的手势与内容进行交互.

网页大图片应用技巧浅析

于03-11 18:17 - leey - 视觉设计 图片应用 技巧 视觉
用图像创造场景感,增强用户的真实体验,近些年来,图片作为背景填充整个屏幕的设计越来越广泛,曾经只有时尚潮流网站或者摄影类站点才会特别依赖富有冲击力的图像,但是现在几乎任何类型的网站都有可能采用这种大图片作为背景,特别是企业品牌宣传、产品介绍等等. 在设计网页过程中,需要用到大量的图片,而且找到的图片大多风格迥异、无品牌感,那么如何找到合适而又能正确地应用图片呢.

以场景为中心的产品设计:突破你的大脑然后像用户一样思考

于01-12 00:08 - 人人都是产品经理 - 交互视觉 场景 用户 设计
当第一次开始设计交互式产品时,我是非常挣扎的. 小的项目都还好,但是当交互变得复杂时,我注意到工具、团队的交流甚至是我自己的思考都开始失效了. 我看到今天许多创业公司面临着同样的问题. 所以我想(和大家)分享一些方法,利用这些方法我已经在过去的几年中改变了处理复杂大型产品的设计过程. 回顾大学,我们主要设计海报,图书封面,(网站)主页和很多其它页面.

windows 10 新特性变化研究

于01-29 15:47 - 大黑 - 交互设计 视觉设计 windows 设计
早在win10刚出消息的时候,笔者就一直有对它进行关注,而笔者对win10的有些猜测居然和前几天发布会上的版本不谋而合. 趁着微软这股势头,我们也来看看究竟win10有哪些新的变化,趁此机会也分享一些个人对这些新变化的理解和对设计的启发. Windows 10作为微软新一代系统的统一品牌名称,将覆盖所有尺寸和种类的Windows设备,贯彻了 “移动为先,云为先(mobile first, cloud first)”的设计思路,是一个跨平台最广的操作系统.

互联网教育将进化出三个主要阶段

于01-26 00:26 - 理理V - 交互视觉 教育观察
当未来的孩子天然的生活于互联网中,活在人与人更为加速紧密的连接中,我们是否真的还需要教育. 互联网对于这些孩子来说其实是一个工具,并且会越来越强大,从互联网的发展趋势来看,互联网会对教育的影响会进化出以下几个阶段. 阶段一,加速影响下一代人的思维方式. 能够将互联网这一工具在学习上新知识上发挥到淋漓尽致的,必然是程序员,因为这个虚拟世界本身就是这些程序员创造的,这本来就是他们的世界,所以他们在获取信息能力上也注定是远超常人的.

交互设计原则有哪些?

于02-08 14:03 - 笑天涯 - 交互视觉 交互设计
笑天涯说:交互设计直接决定用户使用你的产品过程中体验,其重要性不言而喻. 那么我们做交互设计的时候该考虑哪些交互设计原则呢. 知乎问题:交互设计原则有哪些. 问题虽然有点久远,但是知乎用户 向华胜的回答还是很干货,感兴趣的读者可以仔细看看. 产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机无线设计8原则:.

5种实用App导航菜单设计方案

于05-08 09:04 - yoyo - 交互视觉 APP设计 导航设计
手机分辨率比桌面平台小很多,所以设计手机网站或是移动应用的时候,导航菜单都需要考虑周全,尽量保持简约和易用性高,这里我们整理了5种实用的移动手机App导航菜单设计方案,你可以尝试这些菜单设计模式用在你的新设计项目上,好用而且有新鲜感. 这5种App菜单设计方案也许有很多设计师已经在使用,但不能否认它是目前实用的,而且能提高用户体验的菜单设计方案.

再见Metro,Windows 10通用应用设计趋势分析

于04-24 20:09 - 月兔Teresa - 视觉设计 windows10 windowsphone 平板 设计趋势
众所周知,当初微软在Windows 8上做了非常大胆的变革,除了开创性的Metro设计语言,传统桌面和平板两种模式的融合也是一大特色,可这两种操作模式在使用体验上的不一致也成为Windows 8饱受用户诟病的原因之一,但微软自始至终都朝着平台大融合的目标坚定前行着. 经过一路探索,微软终于通过在Windows 10系统的公布,展示了一个更加清晰明了的战略方向:构建一个面向全部Windows设备的核心操作系统.

产品细节中的情感化设计

于12-04 14:33 - danker - 视觉设计 设计案例分享
原研哉在他的《设计中的设计》中有介绍过这样一个案例:日本机场原来是用一个圆圈和一个方块表示出入的区别,形式简单并且好用,但设计师佐藤雅彦却用一个更“温暖”的方式来重新设计了出入境的印章:入境章是一架向左的飞机,出境章则是个向右的飞机. 通过一次次的盖章,将这种“温暖”的情绪传递给每一位进关的旅行者们.

搞懂数据可视化的五虎将,做热门信息图!

于09-20 18:45 - Martin - 交互视觉 产品设计 信息图 数据可视化
【Martin导读】数据可视化(Data Visualization)技术指的是运用计算机图形学和图像处理技术,将数据换为图形或图像在屏幕上显示出来,并进行交互处理的理论、方法和技术. 通过数据可视化技术输出的图象通常具有交互性、多维性、可视性的特点,能清晰有效地传达与沟通信息. 本文从面积&尺寸、颜色、图形、地域空间、概念五个方向阐述了数据可视化的要点和心得,值得认真品读.

提高Axure设计效率的10条建议

于07-01 23:08 - 打酱油的孩纸 - 交互视觉 Axure 交互设计
Axure 是创建软件原型的快速有力的工具. 上手很容易,但是,其中存在一个危险. 这款软件是如此的直观以至于很多用户可以在没有接受过任何正式培训的情况下进行使用. 他们可能不知道的是他们可能没有以恰当的方式来使用 Axure. 作为一位有经验的用户体验设计师,我很少在画一页的时候第一次就能把它设计正确.

浅谈极简主义设计

于05-28 11:38 - lizliu - 交互视觉 设计与交互
说到极简主义设计,相信网页设计师们都不会陌生,本期我们就从这方面说起…. 极简主义设计运动始于瑞士,然后被用于多种媒体:图形设计,建筑,音乐,文学,绘画,以及网页设计. 极简的网页设计的最终目标是帮助用户去快速的关注焦点,并尽快实现他们的目的. 在最纯粹的样式中,还原其最基本的东西. 从一个视觉的角度来说,极简主义设计意味着平静和将思想带回本真.

用户界面设计原则

于06-09 10:04 - 打酱油的孩纸 - 交互视觉 用户界面,设计
“设计绝不是简单的拼合,排列甚至编辑;设计是通过阐明,简化、明确、修饰,使之庄严,有说服性,甚至带一点趣味性,来赋予其价值及意义. ”——保罗·兰德(Paul Rand). 1.“明确”应该放在设计的首要位置. 对任何界面而言,“明确”是首要的也是最重要的一点. 人们必须能够辨别出它是什么,才能有效地使用你设计出来的界面.

手绘移动端极致体验

于01-17 09:58 - 有关部门PM - 交互视觉 app 手机端 移动端
(Lennart Hennigs 著     Ellazou & Charrywang译    Crispinzhu校正      查看原文   转载请注明出处). 移动端用户体验设计正日趋成熟. 衡量这一点的方法之一就是看工具. 原型工具可以让我们创建线框图以及点击事件,比如Balsamiq、Axure以及Fireworks,帮助我们诠释目标用户体验.

Web设计中的视觉层次

于01-16 14:31 - wantfee - 设计理论 视觉层次 转载
原文链接: http://www.zcool.com.cn/article/ZNTg3MDg=.html. 领导和客户经常说的一个点就是,xxx,这个设计总感觉少了点什么东西,太”平”了,没有层次呀,你再改改吧~~你脑中可能一片雾水,层次听过也知道,但怎么做呢. 其实视觉层次没有明确的官方定义,但我们可以理解为通过点、线、面、色彩、图形等造型元素来表达平面构成与空间构成的方式,合理的点、线、面、色彩、图形的排布会让平面和空间更加合理,即有视觉层次.

扁平和简约来袭

于02-12 10:30 - CDCer - CDC北京 CDC翻客 交互设计 视觉设计 IPhone
  译者注:本文作者 Adrian Taylor 是一位交互创意总监并且是 Pushstart Creative的创办人,专注于多种研究,如物理聚合、人机交互技术和品牌体验等. 尽管他目前工作的重点是产品研发、战略发展、UX等,但是对pixels却一往情深. 想了解更多可以去  designtaylor.com或者上 Twitter查找 Adrian Taylor.

综合下拉菜单:下一个网页设计趋势

于03-26 17:54 - lizliu - 交互视觉 网页设计
就目前而言,“综合下拉菜单”这种设计模式还是相对少见的. 但是我确信,不出半年,它将会普及开来. 什么是的 “ 综合下拉菜单 ”. 大型网站的导航系统一直是一个难点. 当然你可以试图创建一个庞大的站点地图一样的导航菜单来链接到所有的页面,但是实际上,当页面越来越多而且不断增加的时候,这种做法将会变成一个不可能完成的任务.

留住访客!超有趣网站进度条设计

于12-10 22:32 - jacky - 交互视觉 进度条 设计
人们讨厌等待,特别是加载网站的时候,可有些时候由于网速或者浏览器的原因,等待总是不可避免,如果在网站中也能像移动应用一样,有创意的进度条,会很大地减少人们的焦虑,还能避免因等待过久放弃进入这种不幸的事故. 相对于移动端,在网站中使用进度条不常见,该用哪种方式呈现给访客也是一个考验设计师的难题. 现在你可以来看看这10个在网站中创意运用进度条的设计,它们既带给访客乐趣,也不妨碍内容阅读,学习一下,让它们在无形的展示中留住网速拙急的访客.

人人都“懂”交互设计

于12-21 15:18 - 打酱油的孩纸 - 交互视觉 交互设计,产品
近些年来,随着交互设计概念越来越为人们所熟知,交互设计师这个职位,也已经在互联网公司里得到广泛并且专业化的应用——对于交互设计的定义、目标和作用,人们或多或少,都能说出个八九不离十. 即便是行业外的人,如果跟他说起交互设计是做什么的,得到的反馈往往会是:. ——作为一名交互设计师,听到这些,会有什么样的感想呢.

Android界面与交互设计原则

于01-22 17:32 - lizliu - 交互视觉 Android HIG 交互设计
在 iOS HIG已经强大经典了N年之后,Android终于推出了一套比较系统的 HIG(大概是为了配合Android 4.0 Ice Cream Sandwich). 仔细比较两套HIG的“设计原则”部分,发现完全是截然不同的两种风格. iOS HIG走的是更专业型的路线,描述严谨且有不少的专业词汇(比如Metaphors、Consistency之类的).

[干货]APP用户引导设计秘籍

于08-15 19:35 - 小核桃 - 交互视觉 产品交互 用户引导
用户引导,其主要目的当然是引导用户,开个玩笑啦. 一般而言,用户引导的目的主要有两种:用户需求和产品需求. 即出于用户自己的需求,这一类引导主要的目的是 为了使产品更加方便用户,让用户能够更加顺畅便利地使用自己的产品. 比较极限的例子就是Paper,它的交互基本建立在全手势操作地原则之上,所以在用户初次接触的阶段做了大量的引导设计.

行人检测

于08-28 07:26 - smallroof - 机器学习 行人检测 计算机视觉
最近一直在看行人检测的论文,对目前的行人检测做大概的介绍. 行人检测具有极其广泛的应用:智能辅助驾驶,智能监控,行人分析以及智能机器人等领域. 从2005年以来行人检测进入了一个快速的发展阶段,但是也存在很多问题还有待解决,个人觉得主要还是在性能和速度方面还不能达到一个权衡. 1.行人检测的现状(大概可以分为两类).

前景目标检测1(总结)

于08-28 07:27 - smallroof - 机器学习 前景检测 目标检测 计算机视觉
主要可以分为:背景建模,帧差法,光流法. 1: Single Gaussian(单高斯模型). 2:Mixture of Gaussian model(混合高斯模型). 基于混合高斯模型的自适应背景差分算法,类似于帧间差分法,使用混合高斯分布模型来表征图像帧中每一个像素点的特征,当获取新的图像帧时,适时更新混合高斯分布模型,某一时刻选取混合高斯模型中的一个子集表征当前背景,如果当前图像帧的某个像素点与混合高斯模型的背景子集匹配,则判定为背景,否则判定为前景点.

电商网站社交关系探索

于02-25 10:21 - 不战斗兔子 - 视觉设计 电商,社交,
越来越多的电商网站努力在社交关系上寻求突破点,淘宝天猫一直在优化类似千人千面的用户体验,国外一些比较有趣的网站比如Svpply则是在feed推送上不断深入. 那么,在电商中融入社交关系有神马意义. 如何去巧妙的发动“群众的力量”,从商家对用户,发展到用户与用户之间的商品推送关系. 我们自从接触爱逛这个项目以来,思考了蛮多,咱就借着这篇博文来看看通过爱逛而收集到的数据,聊聊以后爱逛可能有些什么变化.

聊聊那些令人愉悦的动画效果

于09-22 10:10 - Jana - 交互设计 视觉设计 动画
由于静态图片传达信息的有限性,很多动态效果需要设计师通过添加设计说明并配合口述才能表达. 这样做的优点是节约时间,有助于实现快速迭代,成本较低;但这样做的缺点是不够直观,很多细节存在于设计师自己的心中,仅通过静态图片和叙述没有办法完整地传达,冗长的设计说明让人丧失耐心,设计师心中的画面,往往到了开发时被理解成了另外的样子.