界面设计 - 最美UI

饿了么、美团都在用的轻拟物风格，到底是什么？

拟物化设计的回归在今天的 UI 设计领域，由扁平化设计风格占据主导地位，已经是无可辩驳的事实了。扁平化应用除了提升用户获取信息的效率外，对设计师而言就是设计的难度大大降低了。

图标设计界面设计设计设计风格轻拟物风格

超全面！如何系统学习功能图标之理论篇

由于最近的工作原因对图标有了更加全方位的认识，虽然之前写过《如何系统学习功能图标？来看资深设计师的全面总结！（一）》、《如何绘制功能性图标？来看资深设计师的全面总结！（二）》、这两篇文章，但里面还是缺

ui设计功能性图标图标理论图标设计界面设计

浅色还是深色？教你选择合适的界面配色方案！

我们的日常生活总是会面临无数的选择，尤其是在职业生涯中，我们必须考虑到很多的反对和挑战，更好的设计解决方案不仅是基于建议，而且是以事实、经验和知识为基础的。今天我们要讨论的是 UI 设计师在工作中经常会遇

UI配色 WEB 易读性用户研究界面设计配色方案

饿了么高级设计师：界面视觉设计 5 要素

一款 App 或 Web 产品，从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师，如果连「表现层」的内容都还一知半解就去盲目地学习其他领域，这是不提倡的。

图标字体栅格系统界面设计留白经验分享

为什么你的APP总是不耐看？

@橙子的橙子Mandy ：写这篇的动机是因为，有一个朋友拿了他自己做的界面，问我觉得哪里需要球盖，他总觉得哪里不对劲，但是又不知道要怎么改。

APP APP界面 App设计界面设计经验分享

界面不精致，往往是你忽略了这些设计细节

为什么一个简单的界面，你做出来后总觉得不够精致，很可能是因为你遗漏了一些容易忽略的设计细节。本文作者通过一个案例，细致入微的教你如何改良你的设计，一起学习起来吧！

App设计界面设计细节经验分享视觉平衡视觉重心

科普手册！值得新手收藏阅读的界面设计原则

近年来，「设计规范」逐渐被「设计体系」或「设计语言」的概念重塑。基于一套架构严谨、规则统一的体系框架，产品表现层面的设计工作可以逐渐实现模块化运作，从而让视觉设计工作变得更加高效。

一致性原则亲密性入门对比对齐平面设计模块化设计

饿了么高级设计师：界面视觉设计 5 要素之字体篇

字体是界面设计中重要的构成要素之一，它能辅助信息的传递，是文字的外在表现形式；字体还可以通过其独有的艺术魅力，表达情感体验，并塑造品牌形象。

信息层级字体字体设计界面设计经验分享

8年资深设计师：间距不会调？掌握这一个点，从此不再迷茫！

之前一直觉得色彩，图形，字体是 UI设计的三大构成，任何设计都是从这三大元素开始的，所有的 UI设计都是由这些构成的，但是却忽略了界面中空间的运用，也就是我们常说的间距。今天我想分享下几年前从 Google 的 Mat

界面设计界面间距间距设计

为什么你的APP总是不耐看？用实例帮你分析原因！

橙子的橙子：有个朋友拿了他做的界面，问我哪里需要修改，他总觉得不对劲，但不知道要怎么改。我把这些建议量化成可执行的标准，让设计师们也知道如何修改。

App设计图标设计投影设计界面设计

超全面总结！黄金分割在界面设计中的应用

最近跟一线大厂设计师交流，他们给我的反馈是做设计的时候不单单只是视觉上的美感，更需要方法论来支撑，这样才更具有说服力。

版式布局界面设计经验分享黄金分割黄金比例

界面视觉设计与运营视觉设计有什么不同？这篇科普让你轻松看懂！

互联网的产品视觉设计师又分为界面视觉设计师和运营视觉设计师，那么，这两者有何区别呢？

界面设计视觉设计视觉设计师运营设计

Dropbox设计师：如何让界面信息更加聚焦？

始终围绕用户目标做设计决策，根据功能优先级做出不同的设计形式，强化核心功能，是一篇非常棒的细节优化方向参考文章。内容不多，但是蛮有启发，分享给大家！

信息层级改版设计界面设计

看完小米设计师这篇分析，才知道界面细节能做得这么极致！

数字是金服业务中最为重要的设计要素之一，这是因为在金服业务中，有大量的诸如电商、支付、财富管理等场景需要数字来直接表达。而当前现状是我们有整个大品牌体系下的诸如小米兰亭这种通用字体，但唯独缺少针对金服

功能设计字体设计小米金融数字字体界面设计金融类APP

聊天气泡框，80%的人都不知道这些

风筝kk：从聊天界面中常见的文字部分、图片部分来分析，看看聊天界面在设计时需要注意哪些细节。

界面设计社交产品聊天气泡框聊天界面

如何利用网格系统科学地打造APP界面？来看网易高手的总结！

网易UEDC – 贺玉华：本文将从网格系统的基本概念介绍出发，逐步探寻构建网格系统的必要性、网格系统的实际运用方法、以及使用网格系统可能遇到的问题。

APP界面界面设计网格布局网格系统

设计稿怎么改都觉得很乱？那是你还没学会调间距！

笔者最近在参与组件库的设计工作中，发现了一个很有趣的现象：诸多设计师都会以8像素为基数设立间距规范，将其运用在界面和元素中去。

ui设计界面设计界面间距间距设计

写给 UI 设计实习生的成长指南（上篇）

作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师，也在团队里带过众多 UI 设计师和实习生，所以深刻认识到无论于团队还是实习生个人来说，制定这个《实习生入职白皮书》是相当必要的。

ui设计界面设计职场经验设计师职场

写给 UI 设计实习生的成长指南（中篇）

作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师，也在团队里带过众多 UI 设计师和实习生，所以深刻认识到无论于团队还是实习生个人来说，制定这个《实习生入职白皮书》是相当必要的。

ui设计界面设计职场经验设计师职场

iOS 人机界面指南精简版笔记之界面元素：Bars

最近仔细研读了苹果官网最新的设计规范。网上没有找到很满意的翻译版本，于是自己老老实实的啃了几遍官方文档，顺便把学习笔记输出给大家分享一下。

Bars iOS 设计人机界面指南人机界面设计导航栏设计界面设计

iOS 人机界面指南精简版笔记之界面元素：Views（上）

iOS 基本界面元素包括三大类，分别是 Bars（栏）、Views（视图）、Controls（控件）。上一篇文章分享了 Bars（栏），今天给大家分享 Views（视图）部分。

iOS 设计 Views 交互弹窗界面设计

看似简单的线框图设计，这7个要点必须知道！

在这里，我们将研究设计中最简单、因而常常被低估的活动之一，即线框图的设计。了解什么是线框图，为什么需要设计它们以及如何充分利用线框图。

交互设计产品设计界面设计线框图线框图设计

网易用研：超全面的语音交互知识科普

为什么会有语音交互？它适用于什么场景？不适用于哪些？文章为你解读。一. 什么是语音交互

界面设计经验分享设计规范语音交互

语音交互智能产品该如何做设计？这篇可能是最全面的总结了！

编者按：随着亚马逊、小米、阿里巴巴等大公司都推出了智能语音产品，如何为这类以语音交互为核心的智能产品做设计也成了一个值得探索的领域。今天这篇总结非常全面，建议收藏哟。

交互设计界面设计经验分享语音交互

基础科普！重复与突变在产品设计中的应用

重复可以使画面秩序化、整齐化，形成和谐、富有节奏感的视觉效果，更加有利于人们加强对画面的记忆。

App设计水手哥界面设计突变重复

超全面！从0到1正确开启UX项目的方式

无论是在上市 BAT 还是创业小公司，都随时可能接手从0开始的新项目，那么作为负责新项目的主设 OR 独立设计师，我们应该从何开启工作呢？

产品设计流程界面设计经验分享设计流程设计项目

Apple 出品！如何做好机器学习时代的产品体验设计：输出的设计

聊过了机器学习的基本原理及模型层面的设计要素，即「数据」和「指标」，接下来我们将探讨界面层面的设计。

产品体验设计机器学习界面设计设计原则输出模式

画面不够饱满？学会用光影让你的设计脱颖而出！

元旦过后，新的一波工作又要开始了，我在开始准备新一轮汇报材料的时候突然想到了一个问题，不知道铁子们在往年参加设计评审的时候，有没有总被老板 diss 设计稿里“太空了” “不够饱满” 这些个问题呢？

光影光影设计平面设计排版设计界面设计

浅色还是深色？教你选择合适的界面配色方案！

我们的日常生活总是会面临无数的选择，尤其是在职业生涯中，我们必须考虑到很多的反对和挑战，更好的设计解决方案不仅是基于建议，而且是以事实、经验和知识为基础的。今天我们要讨论的是 UI 设计师在工作中经常会遇

UI配色 WEB 易读性用户研究界面设计配色方案

超全面！用户界面设计中的「版式设计」全方位指南

@孔雅轩LineVision ：一篇较为系统与全面的版式讲解，从规范化的布局形式到平面构成在用户界面设计中的应用与体现。

版式布局版式设计界面排版界面设计

想提高电商界面设计的转化率？总监提炼这10个关键要点

海参君注：本文译自 Julia Dzyubina 的 Designing better product pages。作者为用户体验设计公司 Clay 的艺术总监。作者在文中分享了在设计服装类电商产品页时的一些经验以及行业趋势。希望对您有所启发。

用户体验电商界面设计

全面解读2020最值得上手的界面设计工具：Figma

前言工欲善其事必先利其器，器即工具。选择一种工具的本质是选择一种方式。个人的选择或许是基于喜好习惯，行业的选择则伴随行业工作模式的变化。作为互联网行业的设计师，我们应当时时跟进技术的发展，解锁新模式和

Figma sketch 界面设计设计工具设计软件