UI 设计中扁平化设计的 8 个技巧

今天给大家分享一下现在很流行的扁平化设计的几个技巧哦，我此处所谈的扁平化指的是一个大的概念，将后面衍生出来所谓的“似扁平化”也包含进来。Tip1：关于高光、渐变和投影网上所说扁平化风的三大要素：去高光、去渐变、去阴影。这么说是有点绝对了，我认为应该是去掉过渡式高光、过渡式渐变、过渡式阴影。在这篇文章里，扁平化高光、阶梯式渐变以及所谓的长投影是允许的。Tip2：使用扁平化图标

产品 2016年11月04日

没灵感？这里是最全的 12 个 LOGO 设计风格总结！

@你丫才美工 ：看完这12种Logo的设计师风格，你还觉得设计师做Logo简单吗？各位真爱粉们，刚刚过完正月十五，怎么就感觉今年头两月都没了呢？！是时候抓紧时间来提高自己的技能了！今天要给大家分享的是Behance上的 Logo Design Trends 一文。汇总了时下流行的Logo设计形式。适合收藏以备不时之需！适读人群：LOGO 灵感缺乏症患者阅读时长：约6分钟极简

产品 2017年02月15日

sketch 学习系列之 sketch4 的 logo

效果图：logo.png首先说明一下，我是一个Android程序猿并不是一个设计师，所以以下有哪些步骤做得不好的请谅解~为什么我一个程序猿不好好打代码，要来学sketch设计呢？首先，我一直都很喜欢设计，在这之前一直都有自学Photoshop的其次，我们团队项目的APP界面需要我来设计(因为队友没有专业美工，而设计基础貌似就我最好，哈哈哈)本来有Photoshop来设计就应

产品 2016年12月26日

阿里干货！实战案例帮你学会基于场景的设计方法

阿里巴巴_BBC_UED：移动终端由于被用户随身携带，变成用户身体的延伸，在每一个场景中，深度陪伴着用户。也因此，移动终端获得天然的优势，得以针对用户实际所在的场景来设计，以设计出更加贴心的体验。 但是，由于设计师与用户的空间相隔，无法看到用户在真实场景中的使用情况。为了了解用户的痛点及需求，我们需要通过场景设计的方法，对用户使用场景进行分析或预期。基于场景的设计可以帮助设

产品 2016年10月26日

超实用！6 个小技巧帮你打造高转化的网站落地页

@喪心病狂十六夜貓：​当用户打开网站落地页时，如何才能通过设计引导他们进行下一步行动，顺便留个好印象呢，今天这篇总结了6个实用的小技巧，一起来收。什么是落地页的必要元素？落地页纳入设计要素的方法有很多，如新商品的介绍，必要的品牌说明等。大多数落地页都利用了以下要素。抢眼的标题Call-To-Action按钮令人印象深刻的背景图或视频描述视频或动画品牌元素导航和动效那么在各种

产品 2017年05月22日

移动社交平台“陌陌”换上新 LOGO 大力发展视频社交

3 月 30 日，陌陌发布了 7.6 版本，同时正式公布了全新彩色品牌标识。“陌陌”是陌陌科技于 2011 年 8 月推出的一款基于地理位置的泛社交、泛娱乐平台。在用户在这个平台可以通过短视频、直播等方式生动的展示自己、认识附近的人、加入附近的群组、查看附近的留言；参加附近的活动。还可以和朋友交换各自的地理位置，用有趣的表情聊天等等。3 月 30 日，陌陌发布了 7.6 版

业界综合 2017年04月05日

Origami Studio 小案例记录 02 卡牌拖拽

案列来源qq群里面的小伙伴 不点名 怕点错了+_+纯属于娱乐而已小伙伴的灵感来源与炉石传说小游戏里面的卡牌动画交互形式：新人一枚，有说错的地方请在评论去回复。演示效果制作思路：通过drag（拖拽模块）实现拖拽效果，通过判断拖拽的方向来驱动卡片的旋转。最后松开卡片回到原点。制作准备：打开软件可以看见图层面板有一个背景图层,Color Fill。我们添加一个矩形Rectangl

产品 2016年12月19日

神器两连发！阿里设计师开发的切图神器 + 谷歌的免费中文字体

编者按：今天推荐两个设计神器，一个是阿里设计师开发的切图神器，可以自动切图，一键保存，非常方便。另外是谷歌刚开放的字型Noto ，现在可以免费下载，一起来收！前端：我需要24×24的 iconUI：23.5×44可以吗……如何把手中那堆32×66、23.5×44…各种凌乱尺寸的icon全部变成规范储存于正方形画布的指定大小？Sketch图形大小不把描边计算在内，如何让有描边

产品 2016年10月11日

Aure｜豆瓣电影 APP：滑屏切换和菜单顶部吸附结合的交互实现

本文是关于豆瓣电影APP在滑屏切换和菜单顶部吸附结合的交互实现。enjoy~从预览效果来看，这里涉及到滑屏和单击左右切换、顶部菜单两个主页的吸附这两大交互。我的上一篇文章讲的就是前一大交互，不过我还是会在这里复习一下的。第一步：截屏，切图我的手机可以长屏截屏，得到第一页截屏：１、切图我们需要切到如下素材：手机状态栏和搜索框、广告、正在热映黑字、即将上映灰字、黑色滑块、滑块下

产品经理 2017年09月18日

AR/VR 的界面是否可沿用扁平化设计？

兔斯霁依稀记得2013年 Apple 推出 iOS7 的时候，扁平化设计（下称 Flat Design）的讨论被推到了风口浪尖，同时“扁平化”和“拟物化”的优劣之争也持续升温。而现在，当讨论“降温”之后，Flat Design 也逐步被大众所接受。各家大厂也都在推行自己的设计方式（比如 Google 的 Material Design），让 Flat Design 在 2D

产品 2016年10月11日