用户体验 第2页

设计系统/组件库全面知识整合

24

旋风 发布于 2021-06-08

前言 最近刚把自己手头工作上的设计系统整理了一遍,有蛮多自己的收获与总结。因此把我之前学习制作设计系统时搜索到的知识和自己的一些体会整合在这篇文章里,希望能给刚学习UI或正在制作设计系统的同学带来一点帮助。 讲解设计系统方面的优秀文章已经有不少了,但是关于设计系统构建的知识点非常...

阅读(866)赞 (3)

想进阶高级设计师,先了解设计系统基础知识!

6

旋风 发布于 2021-06-08

你觉得设计系统重要吗?那目前手里的设计系统是在灵活运用?还是落灰、摆设?你对设计系统理解有多深?它在你的设计中有多大的用处?节省时间、减少出错率、视觉一致性还是仅仅觉得就应该有个规范?那怎么避免设计系统带来了统一和便利,但同时失去了变化和新鲜感? 设计系统是今年来热门的话题之一,...

阅读(584)赞 (0)

如何从0到1,建立一套设计系统

18

旋风 发布于 2021-06-08

编辑导语:随着互联网行业的发展,产品体验的一致性和开发的效率越来越被重视,设计系统的出现就是为了解决这样的问题。一套优秀的设计系统有利于帮助产品在各个平台保持一致的设计语言和风格,给用户一致的产品体验。本文将从设计系统的概念、来源、作用和具体搭建4个方面,对设计系统进行梳理分析,...

阅读(810)赞 (1)

很火的原子设计理论,帮你做了一份全面的精华总结!

15

旋风 发布于 2021-06-08

近年来,Style Guide 逐渐发展衍变为 Design System,基于一套架构严谨、规则统一的框架体系,产品表现层面的设计可以逐渐实现模块化运作,从而大大提高设计效率。 而 Atomic Design(原子设计)是构建 Design System 的核心指导理论。那么,...

阅读(1190)赞 (1)

【小技巧】用WCAG检查字体可读性

9

旋风 发布于 2021-06-04

相信很多设计师都会被一个小问题困扰过,字体颜色的可读性是否过关?尤其在适配的过程中,我们要考虑很多现实情况,用户的屏幕显示器分辨率等等。可读性这个很多时候挺subjective(主观)的,不是所有人都对颜色敏感,能不能看清楚有时候也真的很难把握。那我们如何科学的去进行一番测试,检...

阅读(553)赞 (1)

关于WCAG2.1的用色建议

1

旋风 发布于 2021-06-04

1.WCAG是什么? WCAG全称是Web Content Accessibility Guidlines(网页内容无障碍指南),它们是一组是网页内容更容易访问的建议,主要针对残疾人。WCAG2.0于2008年发布,并于2012年10月成为国际标准化组织标准。WCAG 2.1于2...

阅读(783)赞 (0)

【大厂设计方法论】优酷的栅格化设计和响应式适配方法经验总结

20

旋风 发布于 2021-06-04

前几天优酷小伙伴告诉我,他们现在做方案,基本上只产出一套设计稿了,无论是iPad、安卓大屏、电脑或者是车机,全部通过响应式设计搞定。 本来还不信来着,毕竟iPad屏幕尺寸跟手机也差太远了吧,一个横屏一个竖屏,信息量也不一样。不过后面她分享了我一篇文章,看完后才发现,原来还真有这种...

阅读(2062)赞 (1)

用左导航还是顶导航?我从这4个角度做了一个完整分析!

7

旋风 发布于 2021-06-02

做中后台产品的设计,基本都逃不开导航布局这个大框架。 基于用户的 Z 字形扫描行为,重要的导航应当选择左侧导航或顶部导航。 可是横着竖着有那么大差别吗?被人问道为什么这么选择,该如何回答? 今天给大家些灵感,从以下四个角度分析一下: 科学角度 布局角度 尺寸适配角度 统一性角度 ...

阅读(742)赞 (1)

Iconfont 一键下载购物车图标,支持一次超过20个下载,超实用!

3

旋风 发布于 2021-05-21

阿里巴巴旗下的iconfont矢量图标库,提供了超级超级多的图标素材,并且还很精品,让我们在设计时候节约了许多时间,但是最近在使用过程中,遇到了一些小问题,比如批量添加与批量下载。 iconfont目前暂时不支持批量添加,并且超过20个的情况下,也不允许下载, 所以,抽空写了一个...

阅读(1378)赞 (2)

对标国外Figma,「即时设计」打造中国用户专用的云端 UI 设计工具

4

旋风 发布于 2021-05-20

创业邦获悉,近日,云端 UI 设计工具「即时设计」宣布完成千万级美元 A 轮融资,由蓝驰创投和靖亚资本联合领投,元一资本担任独家财务顾问。 本轮融资将主要用于产品的进一步迭代更新,并将持续进行市场推广,加大力度进行团队的扩张升级,以便用更好的产品服务更多的用户。 即时设计是 20...

阅读(1029)赞 (2)

MVP方法:如何做产品竞争力分析?

1

旋风 发布于 2021-05-20

当前,多数企业仍在做着没有价值的产品制造,如果不进行竞争力分析,仅指望通过降价或提升质量等传统方式提升产品竞争力,就很有可能在市场竞争中处于劣势低位。再者,就产品创新而言,很多价格适中、品质优秀的产品投放市场后并没有获得预期收益,这就是产品缺乏竞争力的表现。因此,进行产品竞争力分...

阅读(1299)赞 (1)

网易设计师:超全面的交互规范设计流程

15

旋风 发布于 2021-05-17

一. 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有3位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井井有条且高效运作,从日常工作规范到设计规范,都能起到相同的效用...

阅读(637)赞 (3)

用一篇干货,帮你完整掌握这套系统的竞品分析方法论

8

旋风 发布于 2021-05-11

引言 在产品设计中,竞品分析是一项必备的基本技能。做竞品分析本身并不难,网络上到处都是可以参考的模板,但是怎么从这个过程中总结提炼出最有效的关键信息、为后续的业务决策/设计工作带来较大参考价值,而不是产出一份看上去详实全面却是花瓶报告,仍然值得我们不断去思考。今天这篇文章参考张在...

阅读(879)赞 (0)

腾讯出品的 Design Token 应用指南:设计篇 Design Token 的基本知识

12

旋风 发布于 2021-05-11

在线设计、研发协作工具和组件概念的普世化,让设计、研发效率大大提升;数字产品发展到今天,数字产品对迭代速度、个性化品质要求也越来越强。设计师应该如何应对,做到更快速、高效的从设计到研发的落地?本文将通过介绍 Design Token 的基本知识及 Design Token 在设计...

阅读(655)赞 (0)