UI设计师请守住最后一道防线！【高级篇】

产品设计的流程，通常先经过PM再是交互最后是UI设计，UI设计是最后一道工序，事实上也是最后一道防线。优秀的UI设计师，设计前都会验证功能和体验的可行性，同时善于提出质疑和发现问题，并且还可以给出恰当的解决方案。练就这样的能力其实并不难，本期分享的案例会告诉你，从哪些方面思考轻松搞定功能和体验的设计方案验证。一、案例解析我们商城近期上线了新功能“门店闪送”，以后在商城

交互体验 2021年12月30日

制作剔透的玻璃按键 UI 图标教程

玻璃按钮的暗部非常少，重点是高光部分的渲染，可以先用图层样式做出内侧边缘高光及底部的投影;再用手绘的方法加上顶部的高光;其它部分可以加上一些环境光或倒影等即可。最终效果 1、新建一个画布(我的是1000*1000px，新手可以效仿)，背景颜色(个人喜好，我的背景是图片模糊处理过的，我会在专门发一篇关于背景的，这次先添加颜色就好)新建一个你认为合适的导航，我这里是圆角为17p

产品 2017年01月05日

无框界面时代或将到来：无框界面优劣浅谈

我从不认为有框与无框之间又对错之分，只是此处做个预言，未来的世界会朝无框迈进。 什么是无框界面纵使几大设计风格已形成寡头垄断（如苹果的圆角玻璃、谷歌的层级、微软的方块…），但界面设计的进化历程才刚刚开始。我曾在之前的《[译文] 去形式化——移动设计新趋势化》写过关于去形式化的话题。在这个新趋势中，界面上的内容越来越重要，相对的，一切与内容无关的都被大大削减。去形式化是一张非

交互体验 2017年01月22日

UI 设计——字体设计经验总结

前段时间在做研究关于字体，把进来的学习进行了一下梳理，供大家参考。字体——界面设计的基石 一、在用户界面中，每一个单词和字母都至关重要。好的字体等于好的设计。字体成了界面设计的基石，而我们设计师，则是这些这类「信息基石」的修造者。二、虽然在界面设计上，有很有多微小的细节需要考虑：比如平衡、定位、层级和结构，但是有了好的文案和字体，就成功了 95% 。好的字体设计或排版，都是

产品 2016年12月27日

UI 设计中的颜色运用：一个可行的框架

之前也写过一篇讨论UI配色的文章 UI设计之黑白灰，同样是对优秀作品的观察，但是本文作者的观点真的很新鲜，希望能给大家带来一些启发，译者是站酷的real_hhok，感谢翻译。对于UI设计，我一直都是靠自学，在这其中我一直很好奇为什么有如此多的文章和书籍都在讨论颜色理论和调色板。以我自己的经验来看，要做出一个好看的设计，光凭借一个“划分为互补色的调色板”，是没什么用处的。对于

产品 2017年02月22日

这样才能学到东西！UI 设计师该如何正确地“把玩”APP？

@苏大牙牙牙 ：作为APP狂热分子，定期去App Store或者其他渠道找新鲜的产品来玩儿，已经持续了很多年。但是光浮于表面的玩儿，还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。下面分享下我通过自问自答的方式分析APP的方法，希望对你有帮助。1. 产品层面分析一款app，首先从产品层面入手，因为产品定位决定着后续的交互设计、视觉设计、运营策略等等… 通常

产品 2017年04月21日

UI 设计教程——化妆品线性图标

线性风格也可以叫做线条艺术（liner art），顾名思义是用线条作为表现画面的笔触，线条艺术细分种类特别丰富，而在这篇教程里，我们所用的线条是同样宽度的线条，在形态上更趋于几何造型，这在扁平化网页中使用颇多。这类风格所绘制的图标造型明朗，且线条干净，风格简洁。在网页中可以当图标用，也能装装插画君。一、观察和草图当我们要将一个物体绘制成为线条的时候，我们第一件事是需要观察物

产品 2017年02月07日

帮你打造极简风APP UI 的实用设计技巧

随着用户对UI的喜好开始偏向简约，设计师有必要将整个UI简化剥离至基本状态，因为保留关键元素才是成功的钥匙。从某种意义上说，极简主义的设计是形式和功能的完美结合。它最大的优势在于形式上的清晰直观——简洁的线条，大量的留白，优雅简约的图形元素，赋予整个设计以简约干净的感受。即使是最庞杂的内容，在这样的设计之下都显得直观而干练，当然，如果设计的足够高效的话。极简风的APP设计通

交互体验 2016年07月27日

UI 丨让用户愉悦的「乐观派」UI 设计到底是什么？

@可乐橙_ColaChan ：想象3个用户界面（UI）一起去了酒吧。第1个点了一杯酒，然后又再点了几杯。几小时后，它买了单，醉醺醺的走了。第2个界面点了一杯酒，直接把钱付了，然后又点了一杯酒，又马上买了单，几小时后也醉醺醺的离开了酒吧。第3个界面刚走进酒吧，马上就已经醉醺醺的离开了——它知道酒吧是干什么的，它非常讲求效率，一点时间也不浪费。你听说过这第3种界面吗？它就叫做“

产品 2016年11月29日

平面设计与 UI 设计的区别是什么？

平面设计与UI设计的区别是什么？前 言一个视觉作品的生存底线，应该看他是否具有感动他人的能量，是否顺利地传递出背后的信息，事实上她更像人际关系学，依靠魅力来征服对象。而设计者担任多重角色，设计代表着客户的产品，客户需要你的感情去打动。设计是一种与特定目的有着密切联系的艺术。平面设计平面设计指平面上的功能性的造型活动，包括版式设计、字体设计、图形设计、装帧设计等等，当然也包括

产品 2017年07月19日