全部文章 本周热门 · 全站热门
  • 百度UXC:以语音交互为核心功能的智能产品设计建议

    我们终将以自然的方式与机器交流 在2012年圣丹斯独立电影节上,影片《机器人与弗兰克》赢得特别奖,该片讲述机器人Robot照顾患有老年痴呆症弗兰克的故事,选取影片中两张图,一张是人与人的交流,另一张是人与机器的交流,在2017年AI大热之年,人们能否像电影里的弗兰克那样,以人对人的方式与机器交流,这在人机交互学科里定义为“人机自然交互”。何为自然交互?简而言之就是以日常交流方式与计算机进行交互,何为日常交流方式?就是人们通过语音、肢体、手势、眼神、表情等形式进行交流互动。人机交互正迈上新台阶 人机交互(HCI – Human Computer Interaction)的发展是从人类适应计算机到计算机不断适应人类的过程,划分四个阶段:代码指令交互、图形用户界面交互、人机自然交互和人机情感交互。【引自《人机情感交互》】每个阶段的发展都是以技术作为基石,以此带来的人机交互更为更多
    设计小讲堂 · 1周前 · 交互设计
    486人已阅读
  • AI时代的无用户界面设计

    作为一名设计师,你为什么应该要关注无界面设计的发展趋势?几个月前,我将我对于“Magic”和“Operator”这样的app即将成为下一个重大事件这一言论的一些看法分享给了我的朋友们。0人喜欢,好吧,我想现在是时候换一个平台来分享我的观点了 虽然这些应用程序涉及不同的行业功能,从查看银行帐户,安排会议,到预定最好的餐厅,但作为你的旅行助手,他们都有一个共同的特点:把信息放在了最重要的位置。 信息的兴起   手机功能现在正在无穷尽的被迭代 如果你还没有意识到短信是怎样普及到今天的,那么你可以再想一想。 SMS可以说是目前世界上最常用的应用程序。三年前,它就已经拥有大约40亿的活跃用户,在当时已经超过了Facebook用户量的四倍。信息,特更多
    设计小讲堂 · 1周前 · 界面设计
    117人已阅读
  • 如何搭建Web端布局框架?来看滴滴设计团队的超全经验总结!

    还在苦恼如何搭建Web端布局框架?来这里找方法吧,CDX魔方项目组成员用血和泪的经验告诉你答案。前言对于承载多个子产品的网站而言,单一的布局形式不能完全适用,因此我们需要全方面了解相关的布局框架理论。这有利于我们在定义复杂结构的Web界面时得心应手,做到统一化、规范化、可拓展及可快速迭代。整篇文章分为两部分:了解布局框架要素。项目沉淀:滴滴魔方网站布局框架的构建与实现。布局框架要素1. 布局框架在设计中的重要性在涉及数字媒体的屏幕布局时,我们需要将一些看似互不相干的元素和谐、有序的组织在一起,这是很有挑战性的。对设计师而言,熟练掌握知觉要素的格式塔理论、视觉要素的组织和结构及感觉要素的层级和秩序,并将这些方法论运用到布局设计的每一处,才能创建出该产品真正的布局基础。布局框架能帮助我们正确考虑产品的焦点,理性的传达有效信息而不是感性的创意视觉表达。布局框架能保证优质产品及良好的用户体验,方便更多
    设计小讲堂 · 1周前 · 交互设计
    116人已阅读
  • 五分钟教你快速掌握三维图标

    我现在在Zeta工作,是一名产品设计师。 虽然我从未学过设计,还是工程师出身,毕业于印度一所不是很好的学校。但与外界贴在工程师身上的标签“单调、无聊”恰恰相反,我的专业实际上具有很高的创造性。虽然我拥有不错的视觉审美(我的意思是,我知道什么样的T恤应该搭配什么样的鞋),但我更多是一位交互设计师,日常工作是:头脑风暴,确立产品特性,创建UI流程,分享用户行为等等。在必要的时候我会做一些图,但是我还没有到达可以自信地仰起脖子说自己是一位插画师的等级。(我正在努力ing)虽然,我掌握了大部分AI技巧,可以熟练使用AI,并能从容地画一些简单的功能图标。【这些就是我说的简单功能类图标】 但是当涉及到“设计一个场景”或者“画一些美观的东西”时,我发现自己还是有很大的缺失。对于我来讲,很难辨别哪些元素是至关重要的,哪些是不必要的,甚至是多余的。比如,当我画一个房子,画了很多版!“我应该画一个窗户还更多
  • 10个最新优秀手机应用界面设计实例

    优秀的手机端应用界面设计不仅能让用户眼前一亮,同时也能为UX/UI 设计师完成iOS或Android手机应用界面设计带来全新的设计灵感。这也就解释了为什么设计师们会花费很多时间搜寻各种设计素材和作品的原因。所以,为方便设计师使用,这里为大家整理了10款最新优秀手机端应用设计作品,也希望对广大UX/UI 设计师朋友有所帮助: 1). YONO.MP3 mobile app - 音乐软件*设计师:Anton Shmatko, Green Shark Studio, Pavel Khenkin*软件介绍:YONO.MP3是一款即可欣赏音乐, 也可收听广播节目, 了解最新时讯和趣事的手端音乐软件。它会是你闲暇时搜索和分享歌曲,歌手和专辑的理想工具。*亮点:该款软件采用了一个极具特色的配色方案 — 所有界面整体使用黑红两种颜色的对更多
    小摩 · 1周前 · 交互设计
    403人已阅读
  • iOS系统图标栅格系统全方位解密

    今天跟大家聊一聊如何制定iOS的系统图标栅格系统的那些事。众所周知,在图标设计中都会使用统一的系统图标栅格系统。那么iOS的系统图标的栅格系统如何定制呢,这篇文章就来独家揭秘iOS系统图标的栅格系统定制的奥秘。通过ios7图标栅格转化系统图标设计栅格今天我们来详细讲解下如何通过iOS应用图标栅格推导出系统图标的栅格系统。首先我们先了解一下应用图标栅格系统的比例关系分析,为我们下一步推导提供依据。桌面图标栅格黄金比例分析《秩序之美》中的黄金分割,√2和三分法。iOS7的图标栅格是对这个三个比例的完美运用。以64px为一个单位,即a=64px。那么大正方形的边长的一半=8a,大圆半径=7a,中圆半径=4.25a,小圆半径=3a。8a/(8a-3a)=1.6 小圆与大正方形接近黄金比7a/4.25a≈1.647 中圆与大圆接近黄金比4.25a/3a≈1.417 中圆与小圆比例接近√2整个栅格系统更多
    设计小讲堂 · 2周前 · icon设计
    151人已阅读
  • 如何适配iPhone X?来看滴滴出行的实战案例复盘!

    iPhone X 上市已经有一段时间了,不知道使用 iPhone X 的小伙伴是否已经习惯了 iOS 11 操作系统和 iPhone X 手机特有的操作体验。滴滴出行在 iPhone X 发售前就针对其操作特性进行了界面适配,保障了 iPhone X 用户的全面屏操作。现在 iPhone X 的适配结果已经得到了良好的用户反馈,由此我们梳理了移动端界面 iPhone X 的适配方案,并从整个适配过程中探索到万变不离其宗的适配方法,为后续不断更新的多尺寸屏幕提供更好更快的适配思路。整篇文章分四个章节iPhone X 系统特性界面常用元素适配方案「去边界化」设计「去边界化」设计的应用iPhone X 操作特性 iPhone X 是苹果公司十周年推出的重点产品,无论外观还是技术都有着革命性的创新。让我们先来回顾下 iPhone X 在界面使用体验上都有哪些操作特性。1. 屏幕变长因大部更多
    设计小讲堂 · 2周前 · 交互设计
    141人已阅读
  • 移动端应用界面入门指南,新手必看!

    在设计手机介面的时候经常会遇到不知道那个部位怎么说,同一个部位的iOS和Android的又有不同的称呼,于是又要跟工程师大费周章地解释自己现在在说的是哪个部位。除此之外,如果知道正确的称呼的话,在开发时也比较能下对关键字找到自己要的资源。我一直都很想写一篇文章来整理手机介面的部位介绍和比较,于是就有了这篇。界面设计规范iOS和android都各有一套自己的设计规范,iOS的叫做Human Interface Guidelines,android的叫做Material Design Guidelines。大家说iOS规范的比较严格,所以要先看iOS,但其实两种都要看,不过我也是都没全部看完啦,有问题的时候才会回去翻文件。iOS和android还是有一些基本的区别。比方说iOS现在是使用旧金山,android是使用Roboto。另外android的材料设更多
    设计小讲堂 · 3周前 · 界面设计
    241人已阅读
  • 你必须知道的4条设计黄金原则

    子曰:“三人行,必有我师焉;择其善者而从之,其不善者而改之。” 如果你曾在纽约找过公寓,那么你一定会了解这是一个非常独特的地狱般的折磨。在经历了多方面的比较,忍受了磨磨唧唧的代理商,缴付了高额的中介费后,我真心觉得找到了一个自己喜欢的房子简直不要太开心。除了一件事(很郁闷)。我的房东跟我及合租的朋友交流的方式简直毫无逻辑。不过值得高兴的是,我们中介公司设计的无能让我从中get√到很多值得学习的点,我很想跟你分享一下。原则 1. 避免认知负荷认知负荷:指在工作中、理解某种事情等过程中使用的脑力劳动总量。如果你想让你的用户,在你设计的产品中跟你产生良好的互动,你作为产品设计师要做的就是降低用户的认知负荷,让他对你产品的认识过程尽可能地顺畅无阻力。举个例子:我们公寓的垃圾处置室在这个小小的房间里,足足贴了三大张纸条,每张纸条上都密密麻麻写满了各种要求,句式也特别复杂。他们本意是想做什么?▼给我们更多
  • 2017已经结束,来看看2018年用户体验设计趋势

    每年都会有设计趋势总结和展望,2018年的设计趋势,各路大咖已经总结好了,在设计夹的后台,有人问,对设计趋势理解不了怎么办?所谓的设计趋势,是指在未来可能会流行的设计语言,之所以理解不了,那是因为你所接触的项目原因或者你对整体的设计环境还不够了解的原因导致的,所以多涉猎,多去看那些成熟的设计师作品,你就能意识到“奥,原来这些大佬喜欢这样的设计表达啊,我也要学习”小公司和大公司那是不一样的,可能在小公司要求的是实用性为主,而在大公司,比如BAT他不仅仅要求你满足实用性,在设计语言上也要走在前面,就行今年C4D的广泛应用,还有渐变色的应用,还有三大构成在视觉设计中的应用等。设计趋势呢,不一定靠谱,但是会引发我们的思考,比如:交互设计的形式还有那些?交互设计是否可以从二位空间,转到三维空间产品的信息层级是不是还有其他的设计方式?产品的战略理念能否可以跟外在视觉语言很好的匹配?全面屏下的交互设计会更多
    设计小讲堂 · 3周前 · 用户体验
    184人已阅读
优秀创作者