首页

设计师应该知道的16个UI优化秘诀

蓝蓝设计的小编

优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法,希望对大家有所帮助。

文原作者加拿大UI设计师Jakub Linowski

单栏型式优于多栏

单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心。

优设网 16个UI优化秘诀 

不要劈头销售产品

「略施小惠」给使用者,贩卖的意图不要设计得太明显。小小的优惠或礼物,对未来的销售会带来大大的帮助。

优设网 16个UI优化秘诀 

统一相似的功能,避免支离破碎的UI

浏览网站时,我们很常看到琳琅满目的元素或特色,但它们的功能毫无二致,而相似的选项太多,只会提高让使用者无所适从。倘若发现自己的网站内有以不同 型式重复相同功能的状况,不妨考虑重新设计UI,把类似功能整合起来。譬如图中「Customer Service(客服)」、「Contact Us(联系我们)」其实是一样的意思,应当保留一个选项就好。

强烈推荐!LOGO设计终极大指南

蓝蓝设计的小编

如果您想学习设计logo,或者您已经在设计了,那么不妨来好好看看我们这篇文章,绝对让您受益匪浅。
本文揭示了Logo设计技艺中的一切奥秘!从灵感获取再到细节处理。彻头彻尾改变您对logo设计的认知。

Logo无处不在,Logo能够起到品牌宣传、获取消费者认知的作用。Logo的核心意义是,通过简明扼要的品牌形象设计,勾勒出品牌的核心精神,让用户将Logo与企业完美的联系到一块。

Logo和品牌的关系是相辅相成的,好的Logo能够有效的支持产品和企业形象,而好的企业形象能让Logo更加深入人心。

时代一直在变,Logo设计出现了风格多样、种类繁多的大局面,挑战也与以往不同了。
设计师该要如何打造优异的原创Logo作品?设计师要如何在快速创作的同时保证Logo的质量?

本文,将致力于讲解Logo设计中的基本原则和专业性建议,耐心读完本文,你的Logo设计将会有质的飞跃。

准备工作

01. 研究用户

优设网热门文章之LOGO设计终极指南

好的Logo设计不光意味着图像优美——还必须起到品牌传达的作用。

Logo设计,视觉是第一点。还要注意的是,要思考如何通过视觉元素来宣传推广品牌形象。因此,Logo设计的第一步就是要研究面向群体,研究他们是如何看待品牌的,研究他们对什么感兴趣。

越早研究用户越好,这样就能避免出现根本问题,而且信息传递务求简洁、清晰、到位。

淘宝店推广技巧之邮件营销

蓝蓝设计的小编

淘宝店推广的技巧有很多,如QQ群、论坛、博客、软文等网络推广方法,小维与大家详细说一下邮件营销如何操作和需要注意事项。

邮件营销操作主要是三个步骤:

第一步:邮件地址
邮件地址是一次营销活动中最重要的环节,地址的好坏能够决定一次营销的效果。在此小维建议大家收集基于客户许可的邮件地址,不要在网上收集、购买、随机生成的邮箱来发送。

第二步:邮件内容
邮件内容的设计效果是否吸引客户这是很关注,让客户咨询下单,内容的设计、信息是否能打动他。建议内容最好是图文并茂的,不要是单独一个图片。

第三步:邮件投递
建议使用专业的邮件投递平台,如EasyEDM邮件营销等平台。不要途便宜去找免费的软件,或效果不好的软件来投递邮件。

邮件营销是网店推广中见效最快的推广方法,我们在投递邮件时应该注意邮件的发送数量,发送次数。发送过多给客户,客户会对你的邮件或产品反感。但是量也不能太多,否则起不到效果。那么怎样才能看出邮件营销的效果呢?

1、邮件到达率
邮件的到达率是反映本次营销效果的第一指标。邮于邮件过度投递,导致服务器对邮件的过滤越来越严格,有些邮件经常被视为垃圾邮件。邮件无法送达,也是网店流失潜在客户因素之一。可以从两个方面提高到达率:第一、让联系人将你的发件邮箱加入到通讯簿中;第二、研究什么样的邮件信息容易触犯垃圾邮件的策略,尽量避免这类的邮件。另外有关系的话可以让邮件服务商把你的邮箱列为白名单。

2、邮件打开率
邮件的打开率可以看出邮件营销的效果第二指标。客户一般对自己比较信任的站点,感觉兴趣的品牌/产品的邮件打开率比较高,所以要将打开率的客户邮箱单独归类到一个新的列表,这是建立良好的客户关系。邮件营销前期要试探性的了解客户的意向,不要一谓的乱发,这样可能会适得其反。对于网店来说,对老客户进行邮件营销是非常有效的。店长可以给老客户建立一个列表,最好是能根据购物习惯对客户进行分类,不定期的发送店铺的促销邮件,邮件的打开率会大大提高,也更好的促进老客户二次消费。

3、邮件点击率
邮件的点击率是衡量营销效果的第三指标。点击率不是打开邮件,而是打开邮件点击邮件中的链接,这也是能够了解客户对哪块内容感兴趣的。也是客户通过点击链接到达你的店铺,从而产生订单的。

最好的邮件营销的方式是许可式邮件营销,而不是拿着地址就群发的。想了解更多的邮件营销方法请访问EasyEDM邮件营销网站。

灵感创意!13例漂亮的设计机构网站

蓝蓝设计的小编

如果你正在给自己的网站寻找灵感,来看看这些设计机构网站是一个好的选择。为了今天的灵感分享我们搜集了一些令人兴奋的设计机构网站,希望大家可以从他们身上学到一些东西。
在大家浏览这些页面的时候,可以重点关注一下各个机构/设计师是通过什么方式来把自己的设计风格带到页面中的。

pixies-agency

畅游VC-优设截图

stereocreative


畅游VC-优设截图

parall

15个拥有完美色彩搭配的网页设计欣赏

蓝蓝设计的小编

使用不同的2个或3个色系,进行相互搭配,从而产生不同的设计效果,或冲突或和谐。这是一种前卫又时尚的网页色彩流行趋势,收集了15个相关的作品,分享给优设的童鞋们 : )

如果您想尽快学会配色请移步这篇人气超高的文章:设计师的配色理论:你真懂颜色了吗?

 

Uidigital

 

Decode

 

让访客快乐起来!20例幽默的网页设计

蓝蓝设计的小编

Inspiration: When Humor Meets Flat Design

“人生太孤单,要找个有趣的人一起过”——王小波

相信大家肯定都喜欢幽默风趣的设计。
当流行的扁平化设计遇到幽默元素,会摩擦住怎样的火花呢?

幽默的魅力是无穷尽的,它即能够让用户感到有趣,又能够迅速的吸引用户的注意。
如果想为网站添加幽默元素,可以有很多种方式,例如:

  • 搞笑的错误页面(Team Treehouse)
  • 搞笑的Logo(Pixo Creative)
  • 卡通式的布局
  • 搞怪的背景图像
  • 可爱的图片
  • 让人爆笑的视觉元素

一旦你做到了有趣,用户自然就会对你的网站侧目。
我们一起来看看下面这些吸引眼球的幽默案例吧!

相关推荐:
《激活你的设计创意!不容错过的55个创意惊人的网站》
《想设计自己的网站?先来看这15个优秀设计师的酷站》

电子邮件营销+社会媒体的最佳策略

蓝蓝设计的小编

电子邮件营销活动整合到社交网络,如何做到这一点呢?其在战略层面上来讲知之甚少。在这篇文章中,EasyEDM邮件营销给您分享如何实现邮件营销与社交媒体的最佳策略。

电子邮件营销活动的“社交”有很多种方法,在战略营销方面可以谈策略推广(指那些有意向的寻找我们内容的客户),拉动战略,其目标是到达电子邮件营销活动,并增长客户列表。

社会战略电子邮件营销推广

社交按钮

在您的E-mail中突出社交媒体按钮,主要社交网络有:新浪微博、腾讯微博、搜狐微博等,鼓励客户通过他们的分享渠道分享您的邮件活动。

尝试增加一个呼叫他们的行动按钮,邀请他们在网络上分享您的内容。您也可以策划竞赛的活动,条件是参与分享您的活动,以提高您的病毒式传播。

社会连接

邮件活动最大化的覆盖范围,使您的在线社区粉丝收到您通过社交系统新浪微博、腾讯微博、搜狐微博等分享的活动。

拉动社会战略电子邮件营销

分享一个链接到您的表单

充分利用社会化媒体拓展客户列表。发送新浪微博、腾讯微博、搜狐微博等分享渠道邀请您的粉丝订阅到您的客户列表中。

需要发送国外邮件的客户,尽量做好下面的设置。

通过Facebook订阅

在Facebook上,可以制作一个页面,包括一份订阅表单竞选的电子邮件营销。千万不要错过这样一个机会,鼓励你的粉丝,成为你的客户。

其他重要问题

通过将我们的电子邮件营销活动病毒式的社交网络力量,将最大限度地提高投资回报率(ROI)。但是为了成功是必要的,不可忽视某些战略方面。

内容

内容是否有价值,这决定您的粉丝将内容分享到社交媒体上。
如何整合不同的沟通渠道,以避免重复和饱和您的粉丝?

经验分享:响应式排版中的基础知识

蓝蓝设计的小编

经验分享:响应式排版中的基础知识

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

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

经验分享:响应式排版中的基础知识

为了防止给每个可能的屏幕尺寸做不同的层级设计,很多网页设计师会采用响应式网站的概念。一言以蔽之,这是一种网页布局会自动适应屏幕尺寸的概念。有很多种方法可以定义这种概念。我喜欢用这种方法:

适应性布局:按步骤调整布局适应有限数量的屏幕尺寸。流体性布局:不断地调整布局以适应每一种可能的宽度。两种方式都有优势和劣势,我们相信布局适应于很少的合理变化位置是我们要采用的方法,因为可读性比布局宽度随时和窗口一样宽来得重要。这是不是一个复杂的问题它本身就值得商榷,但是最优的可读性需要在文字尺寸上一定数量的控制(栏宽),就此看来,流体式布局会产生更多问题。

网页:滚动视差设计指南

蓝蓝设计的小编

滚动视差设计指南

@腾讯ecd 星旧:作为未来网页设计的热点趋势之一的“滚动视差”在近年来被越来越多网站所采用,特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一般出 现了很多像《30个让人兴奋的视差滚动网站》、《60个视差滚动网站赏析》……等一系列的视差滚动的文章,不过赏析的居多,真正指导设计师如何去设计,如 何去实现的实用型文章却很少。于是萌发了自己写一篇的想法,与感兴趣的人共同交流下滚动视察设计时的一些心得。

什么是滚动视差
视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。

视差效果,原本是一个天文学术语,当我们观察星空时,离我们远的星星移动速度较慢,离我们近的星星移动速度则较快。当我们坐在车上向车窗外 看时,也会有这样的感觉,远处的群山似乎没有在动,而近处的稻田却在飞速掠过。许多游戏中都使用视差效果来增加场景的立体感。说的简单点就是网页内的元素 在滚动屏幕时发生的位置的变化,然而各个不同的元素位置变化的速度不同,导致网页内的元素有层次错落的错觉,这和我们人体的眼球效果很像。我看到多家产品 商用视差滚动效果来展示产品,从不同的空间角度和用户体验,起到了非常不错的效果。

看似复杂其实这个早就不是什么新鲜事儿,这种设计思路早在80年代的小霸王学习机上就见过。

1

在这个画面里通过人物马里奥、前景、背景着三个部分的移动速率的不同来实现立体效果。类比网页也是如此。一个滚动视察的网站至少会有以下几层 :背景层,内容层,贴图层。

年终特典!当下最热门的网页设计趋势总结

蓝蓝设计的小编

11

 

本文总结了最近网页设计领域比较热门的几种技术,代表了一定的趋势,设计师们要跟市场接轨,紧跟潮流的脚步,可以阅读这篇总结,肯定大有裨益。

腾讯cdc:技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地。而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意。所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧。

我不敢大言不惭的说这就是网页设计的必然趋势,这只是本人对当下网页设计做出的一些小总结。希望这样的归类总结能给你带来更多的思路和想法。

01. 响应式网页设计(Responsive Web Design)

现在越来越多用户都拥有多种终端:台式机,笔记本,平板电脑,手机,能够适应不同尺寸显示屏的网页是现在的潮流,甚至是未来很长一段时间的设计趋势。那么响应式网页设计就是来解决这个问题的。这种特别的开发方式能保证网页适应不同的分辨率,让网页要素重组,使其无论在垂直的平板电脑还是智能手机上,都能达到最好的视觉效果。

除了多终端的多样化,我们还可以看到我们的电脑屏幕,手机屏幕都在不断变大,而在对未来生活的预测、概念设计里,”屏幕”这个产物更是被运用到多种新平台上。例如微软发布的”未来生活概念视频”里,厨房、室内墙壁、办公室玻璃墙面都成为了交互平台。所以我们可以发现,响应式网页设计所具备的良好的适应性和可塑性,在未来的网页设计里将占有举足轻重的位置。

日历

链接

个人资料

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

存档