首页

完美排版的10个基本功

蓝蓝设计的小编

 

1、多花些时间

挑选合适的字体需要花费大量时间。但是不要一遍又一遍地让自己陷入对同一类型的字体挑选中。因为人们往往习惯于从自己熟悉的字体或者偏爱的字体开始。多花些时间去发现探索新的类型,这样你才能慢慢地发现自己对一种字体的细微差别的敏锐度,真正地让字体自己告诉你合适不合适。

 

2、不要使用过多的字体

如果你的一个页面里有十种不同的字体,那么你的排版一定会很难看。控制自己使用越少的字体,将会让你的页面脱颖而出。同时你也可以在字体的大小、重量和其它方面创造更多的对比变化。

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、市场营销、销售和客服的工作。

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

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

日历

链接

个人资料

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

存档