UI设计

深度 | 建立在符号化设计思维下的 UI 设计

最近基于两个问题的思考和自己产品设计的梳理,意识到视觉设计需要强化差异,深化状态识别和记忆,通过构建符号化设计让用户在与图形交互的时候产生本能的、直觉化的效果。这一点,是我最近在UI设计上感触最深的一点。一、那什么是符号化设计? 首先来看这两个问题。1.为什么Master卡这次VI系统升级,只保留了两个相交叉的红色和黄色圆? 2.为什么Mac系统上的软件左上角的关闭、最小化

UI 设计评审成就微创新

【译者注】产品设计流程中,有必要对设计进行评审是大家的共识。在我每周的工作内容中,参加各类大大小小的设计评审是必不可少的一环。既有脑力激荡的评审让设计方案脱胎换骨的,也有针锋相对的评审让设计方案摇摆不定的。怎样进行一场高质量的设计评审?设计师应该如何应对设计评审,更好的表达设计意图,并收集意见改进方案?怎样避免设计评审变成竞稿或PK?如何确保设计评审这样的流程能带来更大价值

看图学 APP 交互设计:UI 视觉层次感爆棚的 APP 设计

最近学堂君了解到,很多25学堂的童鞋们都想要了解一些APP交互设计方面的知识和优秀的案例。于是,今天,学堂君跟大家一起来学习下,当下最流行的和最炫酷的APP交互设计。非常有想象力的APP交互设计作品。很不幸的,学堂君一直没找到合适的APP有这些动效展示。让我们先看下面的这些优秀的APP交互设计作品吧!真的是UI视觉层次感爆棚的APP界面设计作品。第一种场景:左右切换的APP

iPhone X 响应式网页设计

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 24小时前,苹果公司推出了iPhone X。随之而来的是一个新的白色线条,幸福地坐在底部的触摸板上,它替代了原有的home键。这也唤起了人们对物理home键的怀旧情结。顶部的黑色凹槽采用了许多最先进的技术:红外摄像头、环境感应器、光感传感器等——所有这些都是用来支持面部

好图标的秘密!顶尖设计师分享的6个图标设计优化指南(下)

本文译者:逗砂 原文地址:猛戳这里【相关推荐】好图标的秘密!顶尖设计师分享的6个图标设计优化指南(上)UI的工作曾经被很多人等同于画图标,然而大家真的会画图标么?优质的图标和不够好的图标的区别其实非常小,但是这些细微的差别对于设计质量的影响却是很大。这篇文章分享的是如何用6个步骤来优化图标的设计。少有的icon设计理论结合实践的文章,今天是下一小节,强烈建议阅读。这6个步骤

聊聊 UI 设计中的潜台词

在设计工作中,我常常会听到各种各样对于设计的建议,包括但不限于:“这个页面的感觉不太对”“需要再加一些氛围感”“这段信息有点干”…这些问题就像五颜六色的黑

看完这些韩国的UI设计,我终于知道差距在哪了!

日常工作和生活中,观察他人的设计作品有助于提高自己的灵感,从而拓展设计思路。一个图标都能够做到如此细致的人,一定是在设计上花了工夫的。本文对一些UI设计进行解析,分享UI设计的一些小技巧,希望对你有帮助。最近在看一些韩国的app,发现他们设计特别重视细节处理,一个图标都可以细致到让我看了好几遍。正好借此机会,给大家分享一波,希望大家可以从中汲取灵感,转化成自己的设

如何建立一套 UI 设计规范

2016年下半年,公司对网站作了大规模改版,工作之余,写了这篇设计规范。一般情况下,设计规范应在切图之前交出的,但由于公司项目比较急,而且网站样式都是本人自己写的。因此,并没有在切图之前做好设计规范。现在补写出这篇设计规范,希望后期的设计师可以沿用并遵守设计规范,以便做到网站视觉统一性。设计规范一般从以下几方面来规范:颜色、字体、图标、按钮、控件、布局。公司网站(B2B网站

写给新手的情感化 UI 设计简明指南

在用户和UI之间建立情感联系是构建用户信任和依赖关系的关键因素,而实际上要做的事情比听起来麻烦得多,因为需要考虑的因素更多。情绪是广泛的、复杂的,它容易受到影响,但是也很难改变。而这也是我们今天要思考的事情,什么是情感化的UI设计?如何创建一个能够唤起用户情感波动,构建情感纽带的UI界面?这应该就是你的下一个设计项目中应该仔细考虑的事情。情感化UI设计其实,从电子邮件、短信

做更包容的 UI- 视力篇

作为设计师,我们总说:我要让我的设计更漂亮和高大上,要完成老板的业务目标,要让多数用户的体验顺畅。我们总是优先考虑大多数人和强者的利益,然而世界是多样和公平的,除了这些我们眼中的“目标用户”和“大多数人”,还有一群被我们忽略的弱势群体一样需要被设计“庇护”到,所以今天,我想说说 包容性设计。 等等,不要以为我要站在宇宙中心呼唤爱,包容性设计并不等同于专门为弱势群体所做的设