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

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

产品 2017年01月05日

交互设计的一些思考——导航篇（一）

许多朋友问我：你大学学的专业不是工业设计吗？都是做产品造型的呀，现在怎么跑去证券公司做交互了？相信许多做交互设计的朋友和都会遇到这样的问题。我觉得做一个APP的交互设计也是做一个艺术品，在工业设计的各种工艺中我最喜欢的就是陶艺了。我把交互设计比喻成在做一件陶艺，它需要理性的数据分析，如陶艺的长宽高、烧制时火候的把握、陶泥的化学成分等，同时也需要注入感性的元素，如造型细微的变

产品 2017年02月24日

「为中级用户优化设计」，我对这一理念的总结与思考

最近读到《交互设计精髓》里关于“为中级用户优化设计”的章节，细想之下发现这是一个非常值得注意的设计理念，所以尝试根据书中的所讲并结合自己的思考做一个读书总结。一款产品，最大的挑战就是如何设计出一种简单、一致的界面同时满足各种用户的需求。开发人员通常会站在功能实现的角度，创造出适合专家用户的产品，倾向于将界面中的每个功能都等同看待。而市场部门通常希望设计要适应初级用户，这样可

产品经理 2017年08月23日

了解封面设计，看这一篇就够了

距离上一次撸文已半年有余真是逝者如斯夫啊 近来有两件事让我印象深刻，一是 Master 的围棋技艺已经战胜人类，说明在可穷举领域，机器人在未来一定会取代人类二是新任百度副总裁李叫兽的一段话，具体内容记不清了。大意是你以为你读了一本书就掌握了其中的知识吗？NO, 你需要将知识记忆在脑海中，并在实战中反复运用，形成自己的理论。否则，便是无用功，徒费时间而已这些让我认识到一个残酷

产品 2017年01月06日

酷站两连发！韩国免费图库 + 预览响应式网站的显示效果

编者按：本文介绍两个酷站，一个是韩国的图库，分类清晰，免费可商用。一个是可以在线测试响应式网站的显示效果，都非常实用。本文要介绍一款来自韩国的免费图库「CC0photo」，CC0photo 提供许多很好用的高画质相片素材，大多都是在韩国拍摄，相片使用 CC0 授权释出，使用者可免费、自由下载，亦可用于个人或商业用途，无须标示出处或连回原始页面。CC0photo 没有太过复杂

产品经理 2017年05月08日

那些流行的设计趋势，或许是一把双刃剑？

设计趋势是让产品保持新鲜有趣的重要工具。但是在整个设计当中，它又是一把双刃剑。很多时候你可以通过网站的设计来判断它的好坏。以貌取人或者以貌取物是人类的天性，用户更加倾向于在了解产品的功能和实用性之前，就外观来评判它的好坏。这也是为什么大家会借用设计趋势来让自己的网站和产品更具有吸引力，但是回过头从网站本身价值来看，这些设计趋势真的是提升本身价值的灵丹妙药么？当然，作为设计师

业界综合 2017年08月14日

改版实战！Adobe 体验设计团队的LOGO 重设计经验分享

编者按：Adobe 的设计团队也来分享设计经验咯！前两天他们的官方团队在Behance 上放出了一组最新的LOGO形象，包括一篇改版过程中的经验分享，现在译文出来了，一起来看看这群顶尖的设计专家是如何在经典的LOGO标识上做出创新的。大公司的LOGO改版经验：《揭秘LOGO设计流程！超详细的腾讯云LOGO 改版记录全过程》《深度揭秘！聊聊INSTAGRAM 到底为什么要改图

产品 2016年08月16日

【DDC 译文】UX 设计中的功能性动效

图片来源：ZURB University功能性的动效是指一种微妙且具有清晰合理目的的动画效果。它能减少认知负荷，防止对(界面)变化的忽视、还能帮助用户在界面的空间关系之中建立惯性回忆。更重要的是，动效给用户界面赋予了生命。通过对界面元素进行组合、拆分、改变他们的形状和大小，动效可以让界面更加生动。你应当使用功能性动效流畅地在上下文间引导用户，解释屏幕上元素排列的变化，以及加

产品 2016年12月28日

好奇心日报分析及设计细节微调

好奇心日报的定位为一个媒体。因此，最为关键的当然是内容质量，因为从内容生成方式来看好奇心日报属于PGC类，内容质量无须怀疑。其次就是沉浸式阅读。那么，到底什么是沉浸式阅读呢？关于沉浸式阅读什么是沉浸式阅读？你可以拿起一本书，如果你没有阅读习惯，或者无法全神贯注于阅读。当你翻页的时候你会不会思考用食指翻页面还是中指？在页脚翻动还是在页眉翻动?是滑动还是点击？也可以回想当你饥肠

产品经理 2017年02月07日

专家的言传身教：LOGO 设计的思路与策略

编者按：这系列文章集合了世界最顶尖的LOGO设计师们的建议，他们是真正意义上“专注LOGO设计30年”的前辈和开拓者，这些建议涵盖了从创意设计到客户沟通，包括了设计思路和设计技巧，在LOGO设计这个分支领域上，这些建议和经验的价值，无可估量。LOGO设计是一项看似简单，实则涉及多种技艺和复杂设计技巧的学科，它融合了创意理论和巧妙的应用。任何设计师都能胜任LOGO设计的工作，

产品 2017年02月14日