首页

让设计和实际不再有误差,前苹果设计师Distler 推给设计师的设计工具 Context

蓝蓝设计的小编


软件在提高专业人士办公效率的同时,也降低了许多创作型工作的门槛。比如由 FiftyThree 推出的Paper,它甚至可以帮助没有美术功底的人,通过 Paper 来有效且直观的沟通设计想法。

同 Paper 类似,由苹果及 IDEO 前包装设计师 Distler 推出的这款Context (只有 Mac 版) 也想提高设计师的工作效率,同时降低设计的门槛,让普通如你我的人过一把设计海报、书皮的瘾。

简单来说,通过 Context,你可以实时查看你所设计的图案在酒瓶、徽章、巨幅海报、各种不同材质纸张和现实背景下最终呈现的样子,且可 3D 查看。这样做的好处就是,设计师再也不用等样品制作出来,才能判断自己的方案是否真的可行了,即提率节省时间,也能节约成本 (演示视频如下)。

Context 背后同时使用了 3D、2.5D 和 2D 技术,帮助用户实时多方位、更直观的感受自己的作品。而相较一切需要从头开始的 Photoshop,Context 提供了很多表面材质和物件供用户任意搭配选择,节约了大量搭建背景的时间。

网页设计中图片格式的选择技巧

蓝蓝设计的小编

网页设计中图片格式的选择技巧

网页设计中,切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式、并交由下一位人员网页排版的重要步骤。选择适合的图片格式不但可以将让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小,节省下载时间、有效的减少服务器的负担。

以设计师最常用的 Photoshop 以及 Illustrator 为例,都提供了「储存为网页用…」的功能。与默认的存盘模式不同,在这个模式中,软件提供了仿真图文件输出的质量调整、档案大小控制等针对网页图文件需求的选项:


相信许多人都知道网页设计中最常用的格式不外乎 JPG、GIF、PNG 等格式,但并非所有的人都知道他们之前的实际差别跟到底何时该选择何种格式。经常发生的情况是,选择 GIF 后的输出结果看起来变得很糟,于是 PNG (24)似乎突然间风行了起来,不论图档尺寸是不是因此多了好几倍。


JPEG

由于旧型计算机系统以及文件系统的限制,计算机档案文件名与扩展名被规定为 8.3 的格式,因此 JPEG 的附档名被缩写为 .JPG。JPEG可以说是人们最熟悉的图档格式了,相信在数字相机普及的现在,几乎每台数字相机、照相手机都可以(甚至只能)输出 JPEG 格式的图档。JPEG是一种很典型的使用破坏性压缩(lossy compression)的图档格式,也就是说使用者每次进行 JPEG 的存档动作后,图档的内容都会遭到破坏,这个特性在肉眼辨识下并不明显,但却可以有效的降低图档的档案大小。

IOS用户体验设计:如何构建交互模式

蓝蓝设计的小编

Isolated blank book front

如何构建交互模式(选自《iOS用户体验设计》)

一个工作流可以产生大量的交互模式,在功能上每种模型都可以很相似,但在用户体验上差异就会很大了。如何通过具有特色的交互方式创建超越同类用户体验的应用就显得至关重要了。

工作流的定义是所有交互设计活动的基础。我们就是在定义工作流的过程中确定用户与应用的交互方式。你可以根据想要实现的目标,在多种不同的层次上对其进行定义。在有些情况下,你只需要抽象地定义工作流,而不必关注其功能细节和具体的交互方式。这对确定功能集和一般流程之间的关系是很有价值的。而在另一些情况下,你则需要定义用户可能会碰到的所有交互、事件以及状态变化的逻辑,以清晰地勾勒出整个应用程序的操作方式。

亚马逊购买《iOS用户体验设计》

为了进行交互建模,你需要更为详细的工作流,而不是抽象且高层次的工作流,但也不需要过于详细。交互模式的详细程度取决于应用的性质。下面详细剖析如何构建交互模式:

如前所述,交互建模是对应用的整体交互行为进行定义,并规范如何运用或规划这些交互行为来为用户创建具有一致性的、易于理解的交互模式。《iOS用户体验设计》第2章介绍了作为iOS用户体验基础的概念模型和空间模型。分层平面和空间模型这两种概念共同组成了iOS的基本交互模式。可以看到,如果你能够合理运用这些概念,它们就能发挥出巨大的力量。(参见图1-1)

ue1

图1-1 iPhone中体验到的iOS空间模型

Default Plane 默认层
Underlying Plane 隐含层
Superimposed Plane 叠加层

在开始交互建模时,你需要以一种抽象的方式进行思考。你不需要考虑具体的功能和内容,而要考虑应用所可能采用的各种不同的交互行为,由此来了解如何使用它们来控制界面上的元素。iOS为我们提供了大量的可选方案,比如,缩放、拖移、轻扫、滑动和滚动,等等。无论是单独使用还是结合使用,这些手势都可以用来创造出有趣的效果和截然不同的交互方式。

利用多种网络营销方法做推广

蓝蓝设计的小编

今天小编与大家分享一个利用多种网络营销方法来做推广,本次小编只用了百度知道、新浪博客、新浪微博三个方法,使微博的信息在百度搜索首页中获得短时间的排名。现在分享一下操作流程,有兴趣的朋友可以去尝试一下。

首先,在百度知道找到你要回答的问题,根据提问进行详细的解答,最好是超过100汉字以上,越详细的解答在百度知道通过率是非常高的。百度知道问答的技巧在这里不多说了,回答问题不要想留链接、留联系方式,你要想着是怎么将品牌词更好的,更自然的加入到问题中。如下图片:

百度知道问答技巧

然后,将百度知道的问题Copy到新浪博客,稍对内容进行修改,并做好关键词锚文本。在博文中做锚文本文章一旦收录就可以给该关键词投票,做得越多,该关键词就可以获得好的排名。博文编缉以后就可发布博文。

最后,新浪博客更新的文章就会自动发布到新浪微博,这个前期需要新浪博客与微博是关联的,才可以做到自动发布。微博发布以后,百度收录了新浪微博的信息就可以获得好排名,然有些并不一定会在首页获得排名,有些会在第二页。

网站外链建设有哪些常用的方法

蓝蓝设计的小编

百度Lee的“谈外链判断”一文发布,确定哪些是垃圾外链和作弊外链。我们在日常网站优化中如何更好的、有效的增加外链呢?下面小维跟大家说说有哪些常用的方法增加外链。

1、友情链接

友情链接无非是所有的外链中最有效的一种外链建设,友情链接的交换一定要交换高权重、相关性强的网站。友情链接交换时可以将几个难做的关键字多交换几个网站,企业网站建议友链在20-30个左右,电商、门户等大型网站可以在频道多交换友链。友情链接可以提升关键字的排名,PR值的等级。

2、软文

软文营销也是一种不错的扩展外链的方法,软文可以提升品牌知名度、辅助SEM,还可以增加高质量的外链。一篇好的软文在底部留下你的网站链接,然后发布到相关的新闻源、门户、高质量的论坛。软文一旦收录,将有可能被站长、网友转载。软文被转载以后,网站的链接也会随着转载过去,软文转载越多,外链也会增加的越多。软文运用好的话,效果是非常不错的。

3、论坛发帖、签名、回帖

在论坛发帖、签名、回帖也是可以增加外链的。在论坛发帖、回帖不是所有的论坛都可以发布链接的。在我们注册论坛、准备发帖时,我们一定要阅读、了解该论坛规则,避免在发帖时违反该论坛的规则,而删帖、封号等情况发生。软文+论坛的配合也是最佳的搭档。在论坛发帖要选择与网站相关、人气高的网站发帖。帖子容易收录,也可以获得额外的效果。

经验分享:让网页设计有规律可循

蓝蓝设计的小编

这是Suyee同学的一篇老文章了,而分享总结的经验还是很值得大家思考,千万不要养成旧文就不读不看不想不练的习惯,这只会禁锢双手,麻痹大脑。
收藏再多新文章,却不去看,还有何意义呢?

开篇啰嗦了一下,但这的确是很多同学们需要改正的坏习惯。2013年就要过去了,回首看看,今年你在思想认知、设计手法、团队协作、沟通演讲上有了哪些进步。

相关阅读:
思想认知:《电线杆上的用户体验设计》
设计手法:《设计要出彩?来看八大创意理论应用篇》
团队协作:《团队合作中用photoshop时应该注意什么》
沟通演讲:《写给设计师:如何与工程师一起工作》

好咯,进入正文:随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势。这些应用服务的站点设计也可谓是五彩斑斓,灿若繁星。我们可以来找找这些网站的设计是否有规律可循。

可以从几个方面来分析:

色彩

Amoderneden

从它的整体色彩配图元素构建等不难看出,这是一个关于儿童教育有关的网站,推的就是寓教于乐的产品服务。

Paraply

他们为用户的当前位置提供降雨预报服务。忧郁的蓝色预示着雨雪的降临,与雨伞保护感强烈的红色相对比显得相得益彰。

26个时尚的极简主义网页设计

蓝蓝设计的小编

我们总是会听到 “少即是多”。
有时,剥离了所有的噱头和幻想的元素从布局和专注于核心设计的原则出发,就会得到一个更美观的网页设计
这篇文章向我们展示了一些极简主义的网站示例。

Yaron Schoen

View the website design

Dan Cassaro

View the website design

Dodge & Burn

View the website design

Friends of The Web

View the website design

Color Grade It

View the website design

Simon Foster

View the website design

Nudge

View the website design

Johann Lucchini

View the website design

Paravel

View the website design

QQ群推广最有效的方法

蓝蓝设计的小编

据相关报告显示QQ注册用户达到10亿人数,同时在线人数达到2亿人数,QQ群有9000多万个。在这么组数据中,我们可想到QQ在国内的市场,为我们提供了多大的营销推广机会。如果我们能够利用好QQ,你会获得更好的回报。下面小维分享几个技巧,让我们在QQ群推广中获得最有效的方法。

1、群名片
加入群以后一定要修改你的群名片,最好是品牌名(业务名称)+名称,如我是做邮件营销的,我在相关的群里设置为“EasyEDM-小维”。设置好名片以后要把你的QQ排名靠前,如设置状态为“Q我吧”、空格、成为会员,其中“Q我吧”权重最高。如果你能把群主搞定话,你可成为管理员。当你的排名排在前几位时,你的品牌或业务就展示在前面,你不与大家聊天,你的品牌或业务其他群友就可以看到。

2、群聊天
我们加入群以后,不要直接发广告信息,或者加入群一段时间以后,也不要直接发广告,这样容易把你踢出群。最好的方式是加入群以后,与群友很友好的互动。先自我介绍,互相交流,帮助群友解决疑难问题,在群里建立权威性。在我们聊天中间接的植入广告信息。如小维日常在群里面与大家聊天时,会间接的加入公司的品牌名称。当群友问及“有什么好的邮件软件或平台吗?”,小维先会回答软件和平台之间的差异,然后再推荐使用哪个产品,并植入产品名称。

3、群共享
我们需要合理的利用QQ群一些工具,如群共享。群共享有新的文件可以在群友聊天显示,可以有效的吸引群友查看群共享的文档。我们要共享的文档最好是对群友有帮助的,也不要直接发广告文档,这样的文档不会有人查看的。文档的标题一定要有技巧,也不要“标题党”。如本篇文章为“QQ群推广最有效的方法”我们可以制作成文档上传到群共享。这样的文档标题你有兴趣,你说说会去打开查看吗?

20大数据可视化工具点评

蓝蓝设计的小编

@亲爱的葱 数据可视化在当前是一个热门话题,旨在借助于图形化手段,清晰有效地传达与沟通信息。但是,这并不就意味着,数据可视化就一定因为要实现其功能用途而令人感到枯燥乏味,或者是为了看上去绚丽多彩而显得极端复杂。为了有效地传达思想概念,美学形式与功能需要齐头并进,通过直观地传达关键的方面与特征,从而实现对于相当稀疏而又复杂的数据集的深入洞察。

然而,设计人员往往并不能很好地把握设计与功能之间的平衡,从而创造出华而不实的数据可视化形式,无法达到其主要目的,也就是传达与沟通信息。

120917visualisationmain

如今学习应用数据可视化的渠道有很多,你可以跟踪一些专家博客,但更重要的一点是实践/实操,你必须对目前可用的数据可视化工具有个大致了解。以下是Netmagzine列举的二十大数据可视化工具,无论你是准备制作简单的图表还是复杂的图谱或者信息图,这些工具都能满足你的需要。更加美妙的是,这些工具大多免费。

第一部分:入门级工具

1.Excel

excel

Excel的图形化功能并不强大,但Excel是分析数据的理想工具,上图是Excel生成的热力地图

作为一个入门级工具,Excel是快速分析数据的理想工具,也能创建供内部使用的数据图,但是Excel在颜色、线条和样式上可选择的范围有限,这也意味着用Excel很难制作出能符合专业出版物和网站需要的数据图。但是作为一个的内部沟通工具,Excel应当是你百宝箱中必备的工具之一。

设计师学做信息图必须去的八个网站

蓝蓝设计的小编

2013.03

这是一个读图的时代,浮躁的人们或许对超过150个的文字都读不下去,所以,信息图应运而生,搭配上优秀而又吸引人的图片,再加上一小段精炼的文字,足够吸引人而又不至于耽误太多的时间,在阅读一张张精彩的信息图之余,我们也常常会产生制作属于自己的精美信息图的冲动,只是往往是心有余而力不足.不过还好,有众多提供在线制作信息图的工具,比如creately就是其中的佼佼者。

 

什么是信息图(Infographics)

根据维基百科的解释:
信息图形(Information graphics),又称为信息图(Infographics),是指数据、信息或知识的可视化表现形式。信息图形主要应用于必须要有一个清楚准确的解释或表达甚为复杂且大量的信息,例如在各式各样的文件档案上、各个地图及标志、新闻或教程文件,表现出的设计是化繁为简。公元1958年,Stephen Toulmin提出了一种图形化的理论模型,后来成为有影响力的理论及其应用。

infographics_textured

制作信息图的目的在于用图像的形式表现需要传达的数据、信息和知识。信息图示中的元素未必要和所表达的信息在语义上一致,但是必须达到向受众清晰传达正确信息的标准,这里介绍几个知名的提供信息图的网站

日历

链接

个人资料

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

存档