首页

干货速递!APPLE WATCH人机交互指南之UI设计基础(1)

之晨

applewatch-hig-1

千呼万唤始出来!随着Apple Watch开卖的日子临近,我们终于等来了Apple Watch的官方文档(HIG)!发布会的时候,许多用户都对水果神教的智能手表的设计表示怀疑,为什么要这么设计?答案就隐藏在官方的这份设计指南当中。

该跟上潮流了!一大波优质的MATERIAL DESIGN资源免费下载

之晨

high-quality-Material-design-resource-1

编者按:说了这么久的Material Design,不能半抱琵琶半遮面了,直接来研究高手的作品吧!今天分享一组的设计资源,包括GUI工具包和UI模板,以及1000+图标素材,全都是挑的精品,包你满载而归,来淘宝吧!

再不学习你就奥特咯!

腾讯CDC:设计沟通的七条经验

之晨

1360228038_79

经常有新入职的同学,搞不清设计师和别的职位如产品经理,在工作内容上有什么区别。回答了几次之后,我总结出两方面的差别,简单概括为:技能和定位。

“技能”指的是设计师掌握了项目中其他角色都不具备的能力——画图。这么概括有点简单粗暴了,事实上设计师的专业能力远比画图两字涵盖的内容要广。但“画图”确实是更容易被所有人理解的说法(向家里长辈解释我干什么的时候,他们如果不理解我就会说是画图的,他们就会貌似恍然大悟地哦一声,终于听到一个他们想要的能听懂的答案了)。伴随着人机界面从命令行到图形可视化,再进化到哪儿哪儿都可以摸的触屏时代,用户对于“美”和“交互”的要求越来越高,设计师的能力和价值也愈发受到重视。

设计师的“定位”,是随着用户体验受重视而发展起来的。互联网产品有一个很重要的特点是免费。聊天是免费的,搜索是免费的,游戏是免费的,杀毒也是免费的。免费对用户来说当然是好事,但免费也意味着用户迁移的成本很低,特别是当产品同质化严重时。一款免费游戏,如果突然宣布收费,市场上又有同类游戏,结果很有可能是大规模的用户流失。和传统行业不同,在免费的商业模式之下,用户黏性、忠诚度对产品来说至关重要;而用户体验就是构成黏性的一个重要因素。于是伴随着互联网行业的蓬勃发展,用户体验设计师,以用户体验卫道者的姿态站了出来。

做好中文排版!让长文章更容易阅读的十项原则

之晨

10-typeset-make-article-readable-1

@BobbyTung :本文最初以英文发表于Medium,主要是希望给外文圈的朋友在进行Web与App等内容服务中文地区化时,能够提供较好的文字排版呈现。在吴逸文、许翰文等设计圈的朋友催促下,以中文重新书写,删除部分「对外」的用语,并且加上一些额外的信息,希望对中文圈也能有所帮助。

异军崛起的一组特好用字体:《字体排行榜!2014年的35款字体素材打包下载》

东亚对于全球化的网络服务来说,进入时会遇到几道墙壁隔离,第一道就是语言的障蔽(然后你会遇到中国伟大的防火墙)。中文、日文、韩文有着不同的排版规则,目前在W3C的参考资料中,日文排版需求是最为完整的文件,但是长到大概很难读完;韩国的谚文文字排版需求则是份量刚刚好。至于中文,我目前还在撰写草稿。

在我写完前,先整理出十项简单的原则,作为做好中文排版的参考。

编者注:序号文末有注释。

让你喜欢让你爱!20款效果惊艳的产品宣传网站

之晨

20-impressive-promotional-website-designs-1

比起纯粹的商务网站,设计师会更青睐允许自由发挥创意的项目。从网页设计的角度上来说,“普通”的网站也正是需要借助创意来脱颖而出,尤其是产品宣传网站,更是有足够的空间来供设计师来发挥他们的狂拽酷炫的创意。实际上如果你正在寻求网站设计创意灵感的话,那么这些宣传网站正是你需要的。

接下来我们要推荐的20个宣传网站中,既有精致的产品宣传页,也有氛围营造得恰如其分的活动宣传页,还有几个创意爆棚的个人宣传网站。这些网站无一不是设计精美的典范,更重要的是其中包含了设计师精心设计的交互和动效。如果你有时间的话,每个网站都仔细把玩一番,绝对让你获益匪浅!

高手之路!让你的作品更有设计感的9个小技巧

之晨

9-design-quick-skills-1

编者按:今天微博上看到一位设计师说:做,就会错;可不做,永远对不了。深以为然,赶紧点赞。如果那么巧,你刚好在不断试错的设计阶段,那今天这篇好闻推荐学习一下。作者分享了9个实用的小技巧,帮你的半成品设计变成完整好看的作品,希望同学们多动手多看前辈的经验,一起加油。

说这句话的设计师是@牛MO王涵 ,他也在优设分享过很多好文哟:《过稿有诀窍!5个超实用技巧让设计作品变得高大上》

see-more-make-design-grade

也许你还是一个设计新手,但你也想让你的设计作品看起来更好看些(可是你的作品还不太符合既定的模板)。或许你也想明白到底是什么因素成就了那些伟大的设计作品,但现在,你必须先去完成一些其他的事情。根据这个建议,你应该先学习如何去完善你的半成品设计,简而言之,你应该是去学习,而不是在想象的海洋中盲目挣扎。那么让我们言归正传吧。

扁平化设计美学探讨

之晨

扁平化设计美学探讨


“扁平化设计”的使用正逐渐成为网页和UI设计近期的大趋势,同时也是时下的一个热门话题,各种探讨和学习研究纷至沓来。鉴于我本身一直钟情于极简主义,所以扁平化设计中的美学对我极有启发,特别是在近期对QuoteRobot(我在2010年与他人共同完成的一个提案书写应用)进行重新设计时。

在本篇文章中,我将与大家探讨什么是扁平化设计,并审视其他设计师对扁平化设计的看法,然后为大家提供一些能用于自己设计工作的小建议。


什么是扁平化设计?

从实践角度说,扁平化设计就是指不采用近几年流行的渐变、像素完美阴影和拟物化方法(在后面的部分会详细介绍)实现“扁平化”的界面。

11个小妙招激发你的灵感

之晨


    11个小妙招激发你的灵感

感到自己深陷千篇一律的设计泥潭无法自拔?

Stylorouge的Rob O’Connor为你送上下面几条建议帮助你解放自己的想象力。

找不到设计灵感?项目在眼前却不知道如何着手或者找不到合适的入手角度?挣扎着想克服阻拦创意的屏障?

别着急,哪怕是最优秀的设计师也会碰上这些问题。你只需要找到方法让大脑重回战斗状态,创意就会源源不断滚滚而来。下面,我们为你整理了一系列能帮助你有效进行头脑风暴的小建议,另外还有五个绝妙的应用协助你捋清头脑风暴的流程。


 

响应式文字排版中的基础知识

之晨

当我们建立网站的时候,我们一般从定义正文开始。正文的定义显示了你的主栏有多宽,其它几栏的大小就随它自己内容定义了。直到最近,各种屏幕分辨率或多或少是同质化的。如今,我们要处理各种屏幕尺寸和分辨率。这让处理变得更复杂。


在重整旗鼓的热情中,我写了一篇关于响应式排版的博客,这篇文章主要专注于我们最近的实验:响应式字体。如果不知道IA的历史,你可能会错过我们新启动的网站中的响应式排版和设计的一些关键点。我决定从头做起,一步一步解释响应式排版,而不是整理所有文章。以下是第一步。


设计师的视野和角色

之晨

这些内容在HiUED和“指尖上的设计”分享会中分享过,是最近几年做产品、做项目过程中的一些心得体会。这里把主要的信息图表抽取出来,希望给大家一些启发。


《星际迷航》电影第四部中出现过劳伦斯的一首诗:


”在最深、最冰冷的海底,有着最火热血,和最狂野的心。“


这闷骚的个性最像我们设计师了,所以这里我用鲸鱼表示设计师。



多样性


如图大自然生物的多样化,人类社会中也直接和间接的制造了多样化的职位和角色。而设计师这一职位,宽泛的可以分为建筑设计、平面设计、UX设计等等,而UX又可以分为交互、视觉、信息架构等等,而交互设计又可以按设备分为PC、移动等等,或是按产品分为网站类、工具类等等。正是这些林林总总的职位和角色,构成我们行业的多样化,也构成了相互间理解的障碍。不同产品、不同角色的设计师们既有与产品、角色密不可分的职业素养(比如功能性产品的设计师逻辑思维必须缜密,展示类产品的设计师创意能力必须很强),又有个体间的学术背景和人格特点造成的差异。我们应该在交流中理解和欣赏彼此的不同,用更开放和洞悉的眼光看待自己和世界。

日历

链接

个人资料

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

存档