首页

视觉设计师是怎样让前端工程师100% 实现设计效果的

蓝蓝设计的小编

首先,作为一个设计师,尤其是UI设计师,请跟我一起大声念:必须掌握前端切图流程!!

这可能意味着你得学会HTML+CSS,或者要长时间和IOS或者安卓开发人员交流他们是怎么把图片和文字排进屏幕内的。别老是抱怨你是设计怎么能去学码农的东西,设计人员对这些看似高深的源码有本能的畏惧和厌恶。无论你所在的公司在项目人员配置上如何贴心到位,但如果你自己没有掌握这些知识点,就不要妄想最后实现环节上能顺利收尾,因为你从出发点开始和程序员的认知就不对称,这些不对称是矛盾和偏差的根源。

界面设计的四个层面 设计最重要的一步 往往并不会去追求外观的美

蓝蓝设计的小编

许多设计师在社区中分享的作品往往是为了炫技,而产品的逻辑通常都经不起推敲的,真正优秀的设计应该从更高的层面出发,而不只是做表面上的工作。

前言

13年底,Intercom 的产品VP Paul Adams 在 Intercom 官博发表了 一篇博文 。文章讲述了网络上设计社区里普遍存在的一种现象,大意是“许多设计师在社区中分享的作品往往是为了炫技,而产品的逻辑通常都经不起推敲的,真正优秀的设计应该从更高的层面出发,而不只是做表面上的工作”。

文章发布后,在 Twitter 、HN 及博客评论下引起了反响。虽然部分内容在一些设计师眼里看起来比较有攻击性(也就是俗称“开喷”),甚至还带有些地图炮,但是文中关于“设计的四个层次”以及“when..I want to..then I can…”等设计观点和方法论都非常值得我们回味并运用到工作当中。

文章是2月前Sam推荐给我的,随后到 twitter 上获得了作者的授权,在这里也应作者需要,贴上 Intercom 的官博连接:http://blog.intercom.io/ 。

译文开始,Dribbble 大牛务必冷静阅读。 =D

__________________以下为译文正文__________________

设计追波风

[ISUX转译]设计追波风

关于工作效率的心得分享

蓝蓝设计的小编

我相信大家应该都有过工作效率的些许烦恼。而这个效率啊伴随我很长时间的痛苦。每每到PDI的时候领导必提效率有木有?自认为快是不算的,必须领导和客户方说了算,对于当年校招进来的毛驴,是一件泪崩漫长的提升过程。整天琢磨如何快,多快的速度才算快,恨不得快到连参照物都变得动感模糊。时间是把杀猪刀,不仅催人老还得与它赛跑,经过这几年的自残式磨练,也早该总结总结。



一、 懂得整理需求

效率是先把重要的事情优先排序来完成,好的整理习惯是可以提率的。当需求很多的时候是可以通过整理需求有条不紊的进行。只要了解哪些是重要和紧急的事情,就能轻松的决定先处理什么。这个相当于是做项目管理的事情,要善于管理自己的工作。建议学习佐藤可士和的《整理术》。

例如:本周产品经理们提了很多需求:@#¥……&%……&%……

可这样做:

1、列出所有需求

ABCBBD

2、归纳类型

ABBBCD

3、了解份量

A(传输功能设计):总办需求

BBB(图标类设计): 迭代需求,排一起绘制

C(新增界面设计): 迭代需求,需较多时间设计

D(功能宣传图):迭代需求,版本发布的新功能宣传

4、明确期限

假如级别为High、Mid、Low…

A(传输功能设计):总办需求—非常紧急(今天)—High

D(功能宣传图):迭代需求,版本发布的新功能宣传—周三—Mid

C(新增界面设计): 迭代需求,需较多时间设计—本周—Mid

BBB(图标类设计): 迭代需求,需较多时间设计—本周—Low

需求从散到整,从大到小,从繁到简,从紧急到迭代这样去处理就会变得清晰可观。

做好扁平化设计-视觉篇

蓝蓝设计的小编

3

 一头牛从最初的写实到最后仅仅只用几根线条来表示,整个简化的过程也经历了好几个步骤,当然这里对设计师观察和提炼能力要求很高,要充分了解对象物的本质,懂得巧妙的取舍,用极简的要素,在没有更多装饰的情况下表达清楚内容,在界线与轮廓的高对比下,表现出物体的美感。

设计中的字体字号

蓝蓝设计的小编

 

问题的关键有:

1.字体样式太多,导致页面杂乱

2.使用的字体不易识别

3.字体样式和内容的气氛或规范不匹配

怎么避免这样的结果发生呢?

通过设计经验可以帮助你做出更好的版式

了解不同平台的常用字体设计规范

在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。

不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

字体与背景的层次要分明

确保字体样式与色调气氛相匹配

界面设计的统一与迥异

蓝蓝设计的小编

统一的力量是强大的。作为人类,在日常活动中,我们潜意识期望某种协调和秩序。世上每个禁行标记看起来都很像,这是有原因的。我在澳大利亚时,学着在道路另一侧驾驶就已经很艰难了。想象一下,如果每个城市都有自己特定的禁行标志——紫色霓虹灯禁行标志——那会是什么情况!某种程度上来说,我们靠一致性来使自己感到平常和舒适。


我们会注意到相互迥异的事物,这可能让人沮丧和迷惑。但有时又会让人耳目一新、为之着迷。我爱星巴克,我会本能地购买咖啡,动作一气呵成。领取我的白色超大杯咖啡时,也没有丝毫畏缩。忽然,在十一月的某天,我手捧着一杯迷人的红色假日杯,上面有一些令人感到安逸的冬季图案。白色的杯子星巴克已经使用多年,没有什么打破过这一传统,但有时制造点混乱也不错。它能通过人们不熟悉的方式,吸引和迷住顾客。


涨姿势!怎么样让用户觉得简洁的界面有细节?

周周

minimalist-style-with-details-1

编者按:今天问题非常有代表性,该如何融合看似对立的简约与细节?怎样让简约的界面看起来不那么糙?来看@-eno-one- 老师分享的内部培训教程,全文都是易懂的大白话,外行人也能看得明白,希望对同学们有帮助 >>>

正好,前段时间公司的内部培训就讲到这方面。我将内容整理一下。

之所以决定将这个问题作为公司内训的原因,因为发现一些同事们的设计粗糙,缺乏细节。而所谓设计的细节,又是一种很难用理性文字来表述清楚的东西。所以,我花了好几天时间去观察同事们做的东西,总结其中常犯的通病。本篇内容,我会尽量用最易懂的大白话来回答。外行人也能看得明白,就是我的目的。所以,希望下面的内容对你有帮助。

APP交互设计作品欣赏 by Ramotion INC.

蓝蓝设计的小编

一个优秀的APP交互动画不仅仅是弦,而且要实用,有的还要考虑手机的性能等因素,所以想做一个好的交互不并容易,今天摘选自Ramotion公司的一些项目交互作品,交互效果很棒,值得欣赏学习。

(GIF图片较大,想看好作品,请耐心等待加载。)

一个有趣的下拉刷新loading交互效果,这个弹性看起来很有吸引力。

app Interactive Design-by-ramotion-1

移动端设计—视觉设计

蓝蓝设计的小编

移动端设计——第三节:视觉设计

为了利用平台化的功能,历史上第一批移动网站不得不在很多方面做出“让步”,因此远达不到“佳作”的水平。而如今,功能更加完备的设备让我们有机会打造出更具视觉吸引力的设计,这些设计不仅能够刺激和吸引用户,更能够提高用户体验的实用性。不过,机会的出现同时也伴随着挑战。

日历

链接

个人资料

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

存档