设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
本文会以落地项目、实际案例和大家分享组件的逻辑以及制作思路。
我参阅了大量的应用，想总结出它们是如何运用导航栏来给产品赋能的。竟然很巧地发现，再花式的导航栏设计也难逃「四策略」手法。
「虽然说不清楚，但是总感觉你的UI哪里不对。」很多入行不久甚至有一定工作经验的 UI 设计师经常会听到这样的声音。
后台系统中，存在大量的组件，合理的应用是做出良好产品的基本功。本文梳理了常见的「选择」和「输入」，也算是自己长时间产品设计过程中的梳理、认知和总结，自然有不全之处，希望对大家有所帮助。
今天干货福利给大家带来200套优秀的免费 UI设计素材包，这些 UI素材可以作为临摹学习和设计灵感参考，内容包括 APP用户界面、Mac 和 Wins系统、UI组件等等。1. 播放器界面△ YouTube播放器，作者：Damian Patkowski有些模板还标注了网格参考线，更好的帮助你理解版式和布局，顺便复习一下网格系统。
随着移动互联网的不断发展，「以移动为中心」的理念和战略也不断渗透，互联网的「短、平、快」往往使设计师们无法长时间停下来思考可用性设计，快速找到最佳的设计方式是对我们一大挑战。「移动端界面设计模式」是基于大量设计师的智慧和尝试总结下来的可实施的解决方案，可以帮助我们解决绝大多数常见的移动界面设计需求，因此，在这里我将移动端的设计模式一一阐述，并附上我们常见的一线移动端产品作为案例作为解释。
之前参加了回音分享会，认识了很多新朋友，线下分享时间有限，可能有很多东西没有讲的很透彻，所以整理了一下我当时的 ppt 和想要表达的观点，写了这篇文章，和大家分享一些在产品和交互设计中的一些自己的方法。一、什么是交互狭义的交互（Interaction）定义交互主体必须是人本身，而客体可以是产品，环境，服务等等，且不论交互客体是什么，只要主体是人，人和客体去进行交互的时候，一定是人带着心理预期施加一个行为，然后客体会根据这个行为给予一个反馈（...
本篇文章主要是详细介绍 Material Theme Editor 这款工具如何使用，让大家快速熟悉和了解 Google 的这款工具，希望对大家能够有所帮助！△ Google 官方 Material Theme Editor 的操作视频一、Material Theme Editor —「一款强大的主题编辑器」在2018年5月份的 Google I/O 大会上，Google 设计团队一款叫做 Material Theme Editor 工具，...
在《用户体验的要素》一本书中，Jesse James Garrett 将用户体验分为了五个层级，战略层，范围层，结构层，框架层，表现层。其中在框架层里面有一个很重要的概念就是导航设计，作者对导航设计的定义是：元素的组合，允许用户在信息架构中穿行。
2018年5月9日凌晨1点，Google 开发者大会上对 Material Design 做了更新的讲解，其中令我印象深刻的是 Google 对图形语言单独拿出来做一个模块来解释，如下图我标红的地方。对！
2018年5月9日凌晨1点，谷歌I/O 开发者大会如期在美国加州山景城的海滨露天剧场拉开帷幕，谷歌不仅对 AI 技术进行了更深层次的提升，同时也对 Android 系统进行了更新，谷歌副总裁 Dave Burke 对 Android 的更新进行了开场演讲，「在 Android 过去的10中，已经成为了一个开放的系统。」随着 android P 的诞生，谷歌今日宣布了 Material Design 应用程序视觉设计语言的几项更新。
一、概述整理图案图形设计文档有助于更好的传递支付宝品牌的视觉语言、保持平台的统一性、提升团队工作效率和打磨细节体验。图案图形是支付宝品牌 DNA 的重要部分，通过几何图形（矩形、圆形、三角形）的组合，造型鲜明，可以传递出支付宝品牌的安全感、信赖感和专业感；基础的几何图形通过不同的灵活组合，可以创造出千变万化的造型感，符合想象力的品牌调性；30° 角度给人以速度感，图案图形通过转角位30°倍数的原则做视觉处理可以传递支付宝的便捷调性。
在APP设计中，有很多组件有着类似的功能和用法。如何正确使用这些组件？
Echo ：由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来讲解，本篇文章为iOS 篇。对于大部分入门设计师及中级设计师来说，脑海里没有一套属于自己的组件分类体系。
@龙爪槐守望者 ：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Badge/徽标/小红点「小红点」是这个控件在国内最通俗的称呼，正式的名称为「Badge」（徽标），Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。
我们提倡自己动手丰衣足食，但是有时候时间紧迫的情况下，怎么才能迅速设计出界面又不被总监骂呢？毋庸置疑，肯定是借助互联网，下载使用前辈们免费分享出来的UI工具包最省时省力咯！
拥有好的交互界面，才可以合理整合内容满足用户的期望和需求。优秀的用户界面是具有一致性的，能够让网站更易于理解和使用。
有很多同学在把设计稿辛苦做完给到总监确认的时候，有没有被他批评说：这不是他要的。或者被客户说，你怎么做成这样了。
设计师们还没更新模板吗？这是优设10月份搜寻的UI模板，总共有27款，大多数为扁平化设计，都是免费且最新的，希望这些收集能给你正在进行的项目一点帮助 : ）同样精心收集，希望对你有帮助 : ）52款新鲜免费的优质界面PSD下载50个超赞的免费设计师工具资源下载Apple Product Line Wire Frame PSD by Rubayath Chrome UI Kit v.2 by Todd Hamilton ...
互联网最伟大的精神在于分享，我们喜欢探索、喜欢发现，务求将最好最新的资源呈递给所有设计爱好者。相信这里面你大多数都还没见过呢！
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。
确实看着舒心了不少
此交互文档系列源文件下载链接：https://fuzuobiao.com/proview/605467573b63c51de6e4b7bf
这种极光模糊是近视眼真实的世界
感觉在上班的时候真的能练习贼少，也是盲目找图临摹，要难受了！！！（本人非专业艺术生）
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。