首页

新手科普文!每个设计师都该懂的栅格系统基础六要素

涛涛

以前有很长一段时间,我一直搞不明白到底什么是栅格,听过很多解释之后还是云里雾里的,后来发现有很多小伙伴也都有这样的疑问,所以决定分享一下自己对栅格系统的理解。

首先我们必须要对栅格系统有一个基本的认知,我将这四个字拆分开成“栅格”和“系统”两个词来分别解释。

关于栅格

栅格是由网格演变而来的另一种说法,都是一个意思——格子,所以不要觉得栅格有多高深复杂,如果把他描述成格子,你还觉得它有多难理解吗?

其实我们都是栅格专家,因为在我们几岁的时候,就已经接触了很多栅格,比如方格本:


浅谈banner风格与元素使用

用心设计

比如我们的很多电商Banner或专题页面里,经常会出现活动日期/抢购时间/商品价格/位数...浅谈banner风格与元素使用 浅析如何给作品配图!清晰度?合适性?统一性?

遇到职业迷茫期?聊聊视觉设计师的转型之路

周周

在谈转型之前,我们先来聊聊设计师的职责范围是什么?

一个产品最终呈现到用户面前之前,通常会经历产品需求(提问)、产品方案(回答)、设计/开发(实现)这三步。可以看到,设计师的职责一般出现在第三步。

根据公司规模和业务需求的不同,设计师的职责范围也是多种多样的。有细分到产品、交互、视觉,精耕细作深挖专业的设计师;也有三头六臂身兼多职的全栈设计师。

有理有据!为什么我极力推荐UI 设计师学习手绘?

涛涛

两年前,写过一篇UI入门的文章,学习的第二步着重强调了,成为一名设计师,应该具备一些基本的手绘功底。虽然我知道对于很多圈子而言,设计师该不该学习绘画是具有争议性的,但我还是要力推新手入门必须重视这门技巧。

UI 自学入门:《超实用新手指南!零基础如何自学UI设计?》

学习绘画,首先必须明白为什么要学,以及学了以后有什么用,否则很容易沦为形式上的过场,在漫长的学习生涯中欺骗自己做过努力的又一借口。

一. 手绘的作用

1. 锻炼我们理解物体的形体、轮廓、明暗的思维

实战经验!如何制订能有效提高自己的工作目标?

周周

2017年,眼看都过完 1/3了。然鹅,你们的工作目标制定好了吗?最近我刚制定完今年的目标,分享下自己对它的思考和想法,希望对你有帮助。

为什么要制定工作目标?

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

周周

作为APP狂热分子,定期去App Store或者其他渠道找新鲜的产品来玩儿,已经持续了很多年。但是光浮于表面的玩儿,还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。

下面分享下我通过自问自答的方式分析APP的方法,希望对你有帮助。

1. 产品层面

分析一款app,首先从产品层面入手,因为产品定位决定着后续的交互设计、视觉设计、运营策略等等… 通常可以从三个维度来分析产品定位:

为什么渐变色变得这么流行?

用心设计

色彩在设计表现中的作用我想不用过多的强调。总之就是灰常灰常灰常灰常的重要。然而随着时代的不断变迁和技术发展的不断演进,大众对于色彩的认知和喜好也在不断的改变着。


为什么渐变色变得这么流行?

用ZARA的优化案例,教你学会把「设计思维」运用到实战过程中!

周周

没看错,就是你们熟悉的那个服装品牌 Zara,这篇文章作者 William Ng 运用了「设计思维 」的模式,分析了 Zara手机应用的可用性,并提出了改进建议。算是对设计思维的具体案例运用。

Zara 是我最爱的服装品牌之一。但每次使用他们的软件,我都感觉有各种问题。所以我做了一个 Zara 的可用性测试与分析,来看看是不是别的用户也和我一样有同样的烦恼。结果我发现了许多用户痛点,并提出了一些提升用户体验的方案。

只要关注这6个点,交互设计师也能做好竞品分析!

用心设计

竞品分析是对产品、交互从业人员最基本的技能要求之一,很多刚入行的产品汪、交互喵首先要做的都是竞品分析,一来可以考考你的底子,二来可以锻炼你的逻辑思维。虽然它是基本技能,但是它的作用却非常大。

有意思!一个独立开发者总结的APP 迭代设计思路

周周

这篇文章是一个独立开发者阐述自己App 迭代的设计思路,特别有意思,你可以学会他如何提升各种细节的用户体验。

Overcast3发布了,这是一个巨大的版本迭代,主要体现在界面的设计和流程。根据两年多的测试、使用和用户反馈,从上个夏天开始,我一直在为这个版本而努力工作。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档