首页

Polaris UI Kit:精美的 UI 组件包和矢量图标(AI, PNG, PSD, SVG)

蓝蓝设计的小编

Smashing Magazine 发布了一个包含非常有用的 UI 组件和 48 个精美的矢量图标的素材包。界面组件包 Polaris UI Kit  里面包括编辑框,复选框,单选按钮,页面导航,菜单,按钮等等,可以免费用于任何项目。图标集合 Linecons 里面包含的 48 个可伸缩矢量图标都是 outline 风格,提供了 AI, PNG, PSD, SVG 等多种格式。

.奥地利萨尔茨堡巧克力创意包装设计

蓝蓝设计的小编

巧克力对于大家来说根本就不陌生,它作为一个产品,改变其状态,让它享受从固体到熔化的过程。新的巧克力包装采用重建的模式和角的形状的灵感。折叠他们以不同的方式和纹理,因此,一个新的现代化的做法,维也纳工坊的风格。它的形状是打破惯例的普通巧克力棒,但它仍然可以方便堆放在货架上。

移动设备的转场设计

蓝蓝设计的小编

移动设备的转场设计

 

讲到移动设备的转场设计,我们先来看看移动设备。 移动设备有三个主要的特点:

1. 屏幕小,相对于普通的PC来看移动设备的屏幕相对要小很多。

 

2. 使用环境多变,由于移动设备便携的特点我们会在各种环境中使用。

3. 由于屏幕小一次展示的内容少加上各种不稳定操作环境,软件上有简单易学易于操作的特性

回到正题来看转场 说到“转场”一般都会想到电影和PPT里面的转场,

下面来看转场在这两个领域的定位和作用

网页设计中建立良好的视觉层级,好文!

蓝蓝设计的小编

 

随着互联网信息爆炸式增长,用户浏览单个网页时,并不像我们想象的如阅读文章般从左到右、从上倒下逐一查看,为什么?

一、 视觉层级为什么重要

左侧是设计师期望用户的浏览方式,右侧为用户实际的浏览方式—摘自《Don’t make me think》

用户来到一个网站有他自己特定的目标,如阅读新闻、购物、查看新消息,然而信息量太大,逐一查看需要大量时间,这就要求网站能抓住主流用户特征,将重点推送给他,用户找到自己的目标或感兴趣的点,才有可能继续浏览或产生下一步动作,否则就会离开。

用户时间有限加上互联网信息量巨大,这两项原因正是考验视觉设计师要建立良好的视觉层级呈现给用户,帮助用户快速找到目标的功力。

总结一下,建立有效的视觉层级主要从以下四个方面着手:

1、简约: 有选择的展现信息,让用户在有限的信息中发现重点

2、组织: 预先对信息进行科学的分类,整理好优先级,可以得到更好的传播效果

3、呈现: 多种表现方法结合,呈现最好的视觉层级效果,这个点细化后有很多可挖,这里总结了几个点,欢迎继续哈

4、引导: 遵循用户习惯,同时给予适当的引导推荐

怎样的设计能给人留下深刻印象?

蓝蓝设计的小编

 怎样的设计能给人留下深刻印象?

  名人效应 (借助名人或明星效应,产生不言而喻的说服力)

  每人内心都有自己仰慕或效仿的对象,而且有一种想尽可能地向他靠近的心理欲求,从而获得心理上的满足。在选择人物形象时必须要与产品的品格相吻合、使用户快速理解产品传递的特点和价值,比如我们以往的设计作品中经常会使用到马云的形象,他在互联网具有极高的话语权,选择用他的形象来推广产品能产生不可言喻的说服力,当然你不能滥用。

  时势结合 (紧随潮流,激发思想和感情上的共鸣)

  结合当前社会事件如钓鱼岛、奥运会、中秋节、中国好声音等等,或当下流行的语言词汇如屌丝、高富帅、白富美等等,紧随潮流的事物反应当下的社会形态,潜移默化的感染到用户的思想或感情,产生震撼和共鸣。下面的例子就是结合现在最流行最热门的节目“中国好声音”。

看看国外知名设计师的草稿和成品对比

蓝蓝设计的小编

大多数的设计师都习惯在纸上开始自己的工作,假如你也是设计师,想必手上也有一两本笔记本,上面随手记了一些漂亮的草稿吧。不管你的草稿有多草(糙),都是值得自豪的,为什么不亮出来给别人看看呢?

  别的设计师的草稿都是什么样子的呢?

  Buzz Usborne, Campaign Monitor (活动监测)

  先来看看 Buzz 的设计草稿

 

  草稿里的对角线和最终成品的对角钱相呼应,Buzz 的草稿并不强调细节,而是注意线条和指引的清晰程度。

  Buzz 的成品

四两拨千斤的网页设计产品经理工作小工具分享!

蓝蓝设计的小编

本篇的主题是分享一些四两拨千斤的小工具。 没有下面的软件的同学,一定会喜欢!已经有的同学,就可以飘走了!~

注意,所有小工具都是绿色的!绿色意味着你不用安装,体积极小,拷贝一份即可使用。
为什么要推荐?这么多年来,这些工具一直陪伴我的工作,并且已经私下里推荐给很多同学,用过的人都叫好。

NO.1 截图利器之FSCapture
  • 推荐理由: 绿色、轻量+强大截图功能,装机必备之利器
  • 应用场景: 截图啊!做帮助文档啊!插图啊!太多了!比如下图就是用此用具截图并编辑的:

用户体验设计答疑对话(半吊子和纯外行)

蓝蓝设计的小编

[总结]:在用户的视角来看,我们也希望他看到的都是最简单最愉悦的一面。作为客户培训师,你不需要知道产品数据在我们后台是存储在什么服务器的。用户搜索产品时,也更加不需要了解一个检索词是经过了多少词解析判断计算,跑了几台服务器,最终把结果呈现给他的。但是作为工作人员,我们得了解需要怎么做,才能够把最简单最愉悦的结果呈现出来。(Heidi注:如图5所示)

P1030876

图5:简明网站产品建设流程图

这个图呈现的流程,依赖于多个部门的通力合作。从战略层高瞻远瞩的判断、从产品经理对于市场的分析以及功能、内容的规划、描述,到用户体验团队,开发和测试团队的全力配合,而网站产生后,还要依赖于SEO、市场营销、销售和客服的工作。

成功的网站,一定是多个部门一起围绕相同目标运作的结果,但是其中一个环节失败,则可能会造成全盘皆输。

本文虽然篇幅已经很长,但是涉及到具体的流程、方法,都只能简单带过,希望大家要记住这是对话的场景,不要以偏概全哦。
你对他提出的问题,想如何回答呢?如果你有问题,质疑,鼓励……欢迎交流。

工作的信息搜集及管理方法,如何从搜索引擎找东西?

蓝蓝设计的小编

图1:信息搜集及整理术循环图
本文经授权刊载于《程序员》杂志2012年12月期刊。请勿转载作为商业用途。
其他转载请注明出处及保留原文。
关注我请点击:http://weibo.com/heidixie

 
写在前面
几个月前,团队邀我做次内部的分享,主题是如何有效搜索信息。这是因为平时工作中,我经常会分享一些专业学习文档,而这些文档的出现往往很及时,回应一些我们自己项目的困惑,所以大家会好奇我如何及时找得到那么专业且对口的参考资料。

 
这些资料有些来自网络搜索,有些却是来自我的“个人资料库”,它分门别类,容易检索,所以很轻易就能够翻出来示人。所以后来,这次分享便从“搜索术”,扩大为如何获取、整理各种信息的技能。

 
这原来我认为是常识的东西,却在简单分享后得到好评。受到鼓励之余,我也明白了并不是所有人都明白有效的信息搜集及整理有多么重要,也并不是所有人,都掌握了行之有效的方法和技巧。故整理成文,做抛砖引玉之用。

 
一.信息搜集及整理循环图

 

如上图1所示,我认为“信息搜集及整理术”会包含三个关键阶段:
  • 搜索:“找信息”——用各种搜索渠道快速找到所需的精准信息。
  • 集成:“存信息”——简单来说,就是把你找到的信息,定制成为个人资料库,按照自定义的主题,分类存储在自己很方便访问的地方。
  • 整理:“理信息”——信息单纯集成而不加整理,时间长了就会杂乱不堪,所以才会出现很多人自己的硬盘资料库已经塞满了,每当需要什么资料的时候,还是需要去搜索。定期对所集成的信息进行整理(归类,去重,留精,加可供搜索的标签等等),能够显著提升信息搜索效率。

日历

链接

个人资料

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

存档