logo

本文来自百度用户体验部高级UI设计师大牙的佳作，此文是她对自身工作的一种思考：一个遵从设计规范，按照所谓的系统设计方法，步步推导而来的解决方案，是否真的就是一个好的设计？你的答案是怎样？不妨一起来看看大牙的吧~

设计工作几年后，你有没有接到设计需求时不满足于之前的处理手法，想要突破自己，不想麻木的做设计？不希望自己在习以为常的设计中走向平庸，成为一个废柴……最近对国内外各种资讯文章的阅读和最新优秀产品的体验，梳理下今年的UI设计的趋势，希望在接下来的设计工作中，理性的前提下又不失创新。

希望这篇文章，能够在你做LOGO设计时，提供一些方向和思路。

本文介绍一些关于响应式图像的适配应用策略，回退原理，SVG的换色技巧，雪碧图的百分比定位计算公式等相关的一些小知识点，目的在于帮助一部分同学快速的理清图像应用思路，以及一些web图像的应用技巧。data-src
data-srcset
在加载到的时候更换为
src
srcset容器元素的尺寸：elW * elH
单张图片的尺寸：imgW * imgH
Sprites图片的尺寸：spritesW * spritesH
单张图片在Sprites图上的位置：imgPosX, imgPosY点的位置为 (x, y)
容器上的(x, y)点与容器左上角的距离为 cX, cY
Sprites图上的(x, y)点与本张图片左上角的距离为 sX, sYelW = imgW, elH = imgH
cX = sX, cY = sYcX = elW * x
sX = spritesW * x – imgPosX
elW * x = spritesW * x – imgPosXx = imgPosX / (spritesW – elW) = imgPosX / (spritesW – imgW)
y = imgPosY / (spritesH – elH) = imgPosY / (spritesH – imgH)

色彩在任何一种设计中都起着很重要的作用，相差不多的色彩却能给用户带来完全不同情感效果。因此，好好利用色彩与生俱来的魅力，就能让你的设计更出彩。

文章以作者最近做的一个会员卡绑定激活的运营活动作为案例，总结了交互设计中的一些“套路”。我：这是什么个需求？
pm：一个会员卡激活绑定的流程页。
我：会员卡是什么东西？
pm：这是一个实体卡，是我们平台用户升级为会员用的，上面有logo，卡号和密码图层我：这卡是怎么来的？
pm：平台通过线下运营活动给平台老用户进行的福利或者用户进行购买获得。
我：会员卡有什么用？
pm：激活后可以将帐号升级为会员（类似qq会员那种）
我：用户要怎么才能激活？
pm：通过扫描会员卡后面的二维码来进行激活。
我：激活后又会怎样？
pm：激活后用户升级为会员，能享受各种xxxxx牛逼的特权。
我：为什么要做这个需求？
pm：让我们平台用户能够升级为会员，然后就…….
我：额……

阳春白日风花香，又是一年芳菲至，在这最美的时节，各种运营活动又开启了，就此从视觉角度结合实战案例的小心得，对运营设计的“套路”浅谈一二。罗伯特.庞德说过：“这是一个两分钟的世界，你只有一分钟展示给人们，另一分钟让他们喜欢你。”

记忆是人类储存信息的“硬盘”，它可以收集信息，处理信息，并且可以对外界的刺激做出反应。人类可以在需要的时候可以去“硬盘”中调取信息。但是这个“硬盘”有着一些瑕疵，因为它会受到人类机体和情感因素所影响。了解记忆的运行机制，会帮助设计师创建出人性化的界面，节省工作量，提升产品的易用性。

To do list即待办事项列表，罗列出来会帮助我们的脑袋省去一些记忆负担，让我们的思考更加高效。Sophia的tips：敢不敢试着做一年，你会惊喜自己的优秀~

在VR中分享经验、与他人协作，这是绝无仅有的一个新维度。玩家们甚至语言都不通，这个事实如此奇妙，证明了我们仅凭极少的手段就能沟通和协作。

本文作者主要与大家分享的是在保险这个垂直领域，电商产品主图的设计。enjoy~

设计在生活中无处不在，而设计的趋势也随着时间的推移不断受到来自媒体、技术、时尚等方面的影响。 一个好的设计被认可的周期也许很长，但一个设计趋势流行的生命周期大多不会超过 1-2 年。下面这篇文章整理自著名…

设计是变换无穷的，而且不断地演变，与新的潮流和品味融合。此种特性不论是在时尚界、平面设计或是其他业界中都相当普遍可见。 Logaster特地做了2016年Logo总评比，预测有哪些热门趋势将主导2017年的Logo设计风格。…

Light Dusk by Z-Inhouse 宛如陶罐的铝制灯罩搭配质朴的软木，造作旗下的设计师利用两种材质的特性，打造了这个造型简洁的向晚小吊灯。喇叭形的灯罩由 1.5 毫米厚的轻薄铝板制成，表面还经过了哑光喷涂处理。嵌入顶…

每年这个季节都盼着来自北方的冷空气能早些把这个城市吹干、吹冷。这世上，又湿又温暖的地方未必都是好地方。 随着Daydream头显和Pixel手机的发布上市，Google官方的各路VR app也陆续上线。我个人还没有机会、没有…

#交互学堂# 前天晚上，#微软# 赶在 #苹果新品发布# 会的前头抢先发布了一波硬件产品，出人意料地推出了Surface Studio 一体机以及交互配件 Surface Dial。一时间设计夹小编朋友圈里的设计师们都沸腾了，惊呼 “巨硬…

题外话：作为一名交互设计师，平时闲下来特别喜欢分析市场上的一些具有代表性产品的交互设计。同样，作为一名资深的吃货，毋庸置疑，当然先给大家分析几款“外卖”的交互设计。

随着iPhone7的发布，iOS10普及起来已经不远，所以iOS10的人机交互规范大家也需要学习起来了，分享的是迄今为止翻译得最全面的，iOS10人机界面设计指南[中文版]，希望能帮到大家，enjoy！

原文链接：4 UX mistakes almost every designer makes 原文作者：WebdesignerDepot 作为一位设计师，你会让很多的“不可能”发生。一次又一次的，你需要将一个极其复杂的过程，变得简单，质朴和美观。当你妥善地处理…