高端操作！Figma + 摹客打造实用设计平台

前言：红透UX设计圈的在线矢量设计工具Figma，在最近两年几乎成了“真香”的代名词，这也侧面印证了“协作”已逐渐成为设计团队的共识。但对于国内用户，糟糕的连接速度、极度缺失的本地化支持都让Figma较难发挥真正的协作优势。 下面这个界面，大概是所有直连Figma的用户心中永远的痛： 国外厂商往往不重视中国市场的需求和本地化体验 即使困难重重，仍然无法动摇部分国内设计团队迁移平台的决心。当然代价也是不小的：按人数收费的订阅机制，价格不菲；为保持连接体验，“梯子”和相关费用也是必不可少；最后，Figma自身的交付能力较弱，所以还得另购其他产品作为设计交付的补充..... 疫情的下半场，“节流”作首要原则，面对如此高昂的切换成本，团队推动的阻力可想而知。令人欣喜的是，11月Figma官方社区正式上线了摹客的Figma插件，意味着终于有国内的主流协作设计平台接入了Figma。整个DevOps部门可以使用免费、高速的国内服务器进行工作，大大降低团队推广的费用和风险。 ...

14h

好设计是如何提高转化的？小米商城APP首页设计分析

前言：对于自营APP商城设计，能增加用户参与感、打造品牌感、并且提高转化率应该是最重要的需求了。说起来简单，那要如何实现呢？今天我们以「小米商城APP」的首页设计为例，探讨它是如何如何通过设计打造品牌感，增加用户参与感，从而促进产品的销售转化。 产品定位 了解一款APP产品首先要了解它的产品定位，从小米商城的slogan“让每个人都能享受科技的乐趣”不难看出小米的产品定位是性价比高的科技类产品。 另一方面，从商业模式来看，小米商城是B2C自营电商，与其他B2C自营电商平台不同的是，小米主打高性价比，以好口碑深入大众，撬动市场，以互联网思维卖产品，把硬件产品当互联网软件产品卖。 由此可见，科技、高性价比是小米商城产品定位的两大关键词。 ...

1d

12种常见的网页布局设计，你知道几个？

前言：网页布局在很大程度上决定了网站的访问者将如何与网页内容进行交互。不同的网页布局带来的交互体验是不一样的，因此设计师常常需要根据不同的产品特点选择不同的网页布局，由此获得良好的用户体验。常见的网页布局有哪些呢？通过今天的文章内容一起来了解一下吧！ 一、卡片式网页布局 卡片式布局被Pinterest、脸书和推特等网站所使用，它非常适合在新闻网站和博客上使用，因为卡片式布局可以在页面上放置大量内容，同时又保持每部分内容各不相同。 卡片式布局主要有两种形式： 网页中每个卡片的尺寸相同，卡片的排列非常标准，例如dribbble、UI中国的网页布局； 使用不同尺寸的卡片组成页面的布局，卡片间没有固定的排序，例如Pinterest、花瓣的页面布局。 ...

2d

做背景不求人，用Photoshop快速做图案堆叠背景效果

前言：很多设计作品都有使用背景，然而很多同学觉得设计背景太麻烦，所以经常去找背景素材，其实PS中用一个小功能是可以快速制作一种图案堆叠背景的，好看要使用，而且只需要一分钟就能学会哦！ 教程/步骤 1.在PS中打开需要用作堆叠的图案，在“编辑-定义图案”，将图案设为自定义。 2.在需要填充的画布中，点击“编辑-填充”,默认快捷键（shift+f5） 3.设置填充参数，填充内容选图案，勾选脚本并选择随机填充，如下图 4.设置好后确认，根据自己的图形，调整随机填充的参数 5.效果图 操作总结 1.在PS加载需用的图案； 2.点击编辑 ->...

3d

5个Tips教你把金色色彩用好

前言：金色色彩如果不会用的话可能会很难看，但用得好的活，设计作品会大不一样。今天设计师葱爷为大家分享5个金色的配色技巧，这些Tips有助于用好金色的去厕所搭配哦！ 01. 不要使用太黄、太亮、 饱和度太高的金色。 金色不一定就是金黄色，亚金、玫瑰金、香槟金等，这些金色看起来更好看、更优雅。 其次金色也不一定是渐变色，一些低饱和度的单色金色更有雅的感觉。 02. 尽量别用金色搭配大红色 古往今来，金色和大红色都是中国最受欢迎的颜色，所以我们身边非常多以这两个颜色为主色的物品，比如对联、灯笼、红包、年画、礼盒等等，然而以前设计师的审美和印刷工艺都比较落后，以至于这些物品大多都做得不是很美观，所以，现在大家一看到金色配大红色，第一感觉就是俗。 ...

4d

UI设计在2021的新趋势

最近浏览了Dribbble、Behance上的前沿设计，发现了很多作品充满了新颖且有趣的想法，明年的UI流行趋势是什么呢？我们来看看吧！ 流行趋势大纲： 新拟态界面 软糖般的磨砂感 有趣的交互 更丰富的配色 轻拟物图标 1.新拟态界面 新拟态的设计风格也叫做：Neumorphism / soft ui，起源于2019年11月5日，当这张作品开始出现时，直接踏入了Dribbble年度最佳UI设计界面之一，后来 设计教程的传出更是引领了一大批优秀的国内外设计师进行此风格创作，OTAKOYI制作的风格规范： 按钮和背景的视觉融入让界面更简洁清爽，不过对产品也具有很大的局限，这也是市场中几乎没有看到这种风格软件的原因！ ...

5d

APP设计中的服务协议和隐私保护

APP UI结构系列文章好久没更新了，今天来说说平常不太会被注意到的“用户服务协议和隐私保护” (以下统称"用户协议") 的一些设计细节。 一、“用户协议”是什么？有什么价值？ 不知你还有没有印象，支付宝“2017年度账单”页面下面有一行特别小的字：“我同意《芝麻服务协议》”，且已经帮用户选择好“同意”了，意思是允许支付宝收集你的信息包括在第三方保存的信息，结果引起了很大的负面影响，随后芝麻信用道歉到：初衷没错，但方式愚蠢至极… 《网络安全法》中，对隐私条款最直接的要求是第41条第一款：“网络运营者收集、使用个人信息，应当公开收集使用规则；明示收集、使用信息的目的、方式和范围；并经被收集者同意。”总结起来，就是公开、明示、同意三个具体要求。 ...

5d

你了解信息无障碍设计了吗

前言：对于信息无障碍的设计，估计很少设计师去了解过，从现实生活到平面设计，其实都要有信息无障碍的设计。那么什么是信息无障碍呢？本文谈谈关于她的研究与应用。 信息无障碍，是指任何人在任何情况下都能平等地、方便地、无障碍地获取信息和利用信息。随着互联网覆盖越来越广，对于身体有局限的群体而言，更加迫切通过互联网获取信息，而这就需要互联网产品进行信息无障碍的优化。在我国其受益人群至少包括：8500 多万残障人士， 2 亿多 60 岁以上的老年人，数量庞大。率先考虑信息无障碍能为产品增加优势而带来更多用户。 如今智能手机掀起了一场无障碍辅助工具的革命，而站在这个关键点的互联网设计师，也要开始行动起来，先从以下这几个容易实现的事情开始着手进行无障碍的优化吧。 关于读屏 ...

6d

想用Figma在线设计工具吗？先来一份入门教程

仅仅几年的 Figma 越来越火了，不仅是国外，国内很多大厂也开始用 Figma 这个在线设计工具，如果你是UI设计师，也想体验它的魅力，建议你先看看这一份入门教程，文中还提到了Sketch迁移到 Figma 的一些问题和解决方案，来，我们一起学习吧。 全世界都在用Figma 不知道你们有没有这种感觉，仿佛有一天，很突然的，全世界都在使用figma,一个软件从无人问津到现在的如日中天，用了不到3年，而现在，它不仅仅是当下的最优生产力工具，在疫情掀起的远程办公的风潮下，它更为我们揭示了未来设计协作的方式。事实正是如此，大批专业设计团队不惜成本尝试由传统设计软件（sketch等）向Figma转型，只因他们于此看到了代表未来的生产力工具及协作方式。 我最初接触到Figma应该是在18年，sketch霸占体验设计市场的阶段，当时大家对Figma的评价基本都是，还可以，但完全无法取代Sketch。如此判断的原因主要是Figma产品设计初期的体验、功能各方面都不尽如人意，而其远程共享协作的思路也略有超前，未能真正冲击到本地化协同的设计开发模式。 ...

6d

APP Icon 设计指南（含图标的设计规范）

前言：在UI设计中，图标是不可或缺的视觉元素之一。图标设计也是UI设计中非常重要的环节，十分考验设计师的基本功。图标设计在UI设计中虽然只占很小的区域，但是 图标的概念以及正确的绘制方法确实UI设计的入门条件。本文将会从图标设计的前世今生，介绍图标设计的概念和思路，也会结合一些经典的图标进行实操讲解。 目录： 图标概述及发展历程（图标的起源和从拟物扁平风格的进程） 应用图标的类型及作用（常见的14种风格的应用图标介绍） 应用图标绘制方法及流程（启动图标的尺寸规格及设计流程） 功能图标的设计规范（详细介绍功能图标的绘制规范和细节） 如何绘制功能图标（图标实操代练及制定规范和导出） 图标设计的评判标准（从5个方面检验图标设计的好坏） ...

1w