UI设计

【译文】响应式 UI 之模式

最近接到官网改版的需求,采用响应式设计(界面布局可随着屏幕宽度变化作出相应调整),于是在Material Design的官方文档中,找到Reponsive UI这一节,原文共分4个部分:断点、栅格、表面行为与模式。前3部分正在消化中。。。先将比较容易理解的第4部分-模式翻译出来,与大家分享。模式随着屏幕空间增加,可采用以下响应式模式1、显示2、变换3、分离4、回流(重构)译

UI 设计是非常有讲究的一件事

这次分享给刚入行的UI设计师们。由于一直在网上学习知识,都知道现在的信息太过繁杂,什么样的信息都有,一篇文章真正能获取的干货真心太少。而且什么知识都有,各有各的看法和想法。当你只看到别人的想法时并不能够很好的扩展知识点。我这几个月一直在做一件事情,将学到的、看到的统一进行管理,成为自己的知识结构和体系。为什么说UI设计是非常有讲究的一件事?由于我们前人不断的探索,已经形成了

2017 年移动端 UI 设计趋势分享

有APP分析机构的研究表明,用户每天耗费在手机和平板上的平均时长为158分钟,其中127分钟是耗费在各类APP中,而仅有31分钟是花费在浏览网页之上。不论移动端网页和APP之间有着怎样的争论,移动端APP的快速发展都是不争的事实,各种客户端的开发和接入已经成为常态。用户对于自己喜欢的品牌和服务,总期待官方能推出客户端,也正是在这种期待和需求之下,催生出越来越多的APP。事实

少年, 我们来聊聊 Android 的 UI 交互设计

引言最近在看一本书《精彩绝伦的AndroidUI设计-响应式用户界面与设计模式》,于是就写下这系列的博客。用于分享也好,用于笔记也好,反正写下来没坏。用户界面设计和易用性入门一款应用最重要的品质就是易用性。如果用户不知道如何得到并且使用它,那么这个应用再屌也是无济于事。例如一款应用集成了超级棒的特性,但是由于易用性的问题,用户找不到展现该特性的入口,或者入口并不那么直观。那

浅谈 UI 设计色彩色运用

本文作者:创想者学院毕业生 庞清桦做为一名设计师,色彩搭配肯定是少不了的,在色彩设计应用中,我们对颜色不同程度的理解,会直接影响到设计页面的效果,和作品的质量,所以熟练地运用色彩搭配,设计时会事半功倍。一个优秀的设计作品,它的色彩搭配必定和谐得体,令人赏心悦目,尽管网上有各种各样的色彩库,让配色变得格外简单,但设计师本身的配色能力仍然至关重要,有时候最好还是亲自动手搭配,

5 个排版技巧,帮你轻松搞定 UI 设计

分享排版技巧文字排版不只是从下拉选单选择字型和点数而已,文字排版是一项流传数世纪的技艺,自木制和金属的活版印刷便开始,而且它不只历史悠久,还很实用,大部分的人只要掌握一些实用的诀窍,就可以将之活用在诸如履历表、电子报或名片等日常设计项目上。下边就教你几个排版技巧,帮你轻松搞定UI设计。将要表达的讯息配上适当的感觉。每种字型都散发独特的情感或个性,也许是友善、新潮、严肃或傻里

2020年最值得关注的8个UI设计趋势

快速变化的技术每年都在影响着设计趋势。作为设计师,我们需要时刻保持关注,对设计趋势拥有较高的敏感度,不断学习,扩充自己的设计技能,目的是为了跟上最新的市场环境。基于我的调研,经验和观察,我甄选了在2020年你将会看到的最为关键的8个UI/UX设计趋势。让我们一起来看看吧。一、动态插图插图被应用到APP中已经有很长一段时间了,它们在最近几年的演变令人印象深刻。插图作为一种非常

在设计中,如何打造最合适的组件?

设计的方法有很多种,或许未来会有更好的方法出现,但希望我们在通过各种渠道(网络、书本、项目等等)积累经验和知识的同时,也能抽点空闲去看看身边普通或者不普通的物品。届时,你会发现在它们身上有很多好的玩意等待着被发现,而这些东西也会为你的工作和生活带来很大的帮助。 在看组件和元素之前,我们先了解在他们之上的一个概念:模块模块大家应该都不陌生,任何一个完整的界面,都会有多个功能模

Make Eportable:切图预设管理插件 for Sketch

我们知道APP UI 切图需要切多个尺寸,在 Sketch APP里可以很方便切出不出倍率的图像,但是这还不够,因为每次点击切图后,都需要点+号按钮来增加切图选项,如果能一次性保存所有切图选项,那是不是更好?Make Exportable 正好解决了这个问题,安装这个 Sketch 切图插件后,用户可以自行预设多个切图选项,让设计师切图时更加方便!Sketch 插件名称:

数据类系统如何提升用户体验?

一、区分信息层级,考虑用户阅读习惯数据类网站要展现的信息复杂,但大部分元素又是必不可少的,因此要多注意元素之间的相对重要性和考虑用户的阅读习惯及视觉焦点。当需要展现的信息内容较多且不可删减时,最好对信息进行优先级的划分,且分析用户的核心行为;并通过位置、大小、距离、内容形式、表现方法来建立信息层级;设计过程和结束都要不断审视页面视觉流,看看用户浏览是否顺畅。页面布局一定程度