经常在电视上看到各种饮料的动感广告，但作为多媒体推广最重要的一环，饮料自身的官方主题网站设计必然是很有看头的：动感激情或优雅宁静，通过明艳的视觉和新鲜的交互将产品推销给顾客。

更多饮料类网站欣赏：http://www.lanlanwork.com/web.html

SPACHO

Mizone

设计是一个漫长和痛苦的过程，期间可以用点技巧来减少痛苦，30+ tips to improve your iOS design workflow (in Photoshop)一文总结30个实用的技巧可以借鉴和学习。

————–以下为译文——————-

在本文中我（英文原作者）总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。注意：文中所提到的快捷键针对于Windows；Mac 用户可，Cmd对应Crtl键，Opt对应Alt键。

1.保持尺寸为偶数

你是首先针对Retina屏幕设计然后再对标准分辨率的进行缩小是吧？为了在标准分辨率下像素仍然保持完美的呈现，你需要保证大小和距离为偶数。具体的做法便是：基于2ps的网格设计。在编辑（Edit）〉首选项（Preference）〉参考线、网格和切片（Cuides,Grids&Slices）。更改网格线间隔（Gridline）和子网格（Subdivisions）来是使得网格间隔线为2px。例如：设置网格线间隔为64px，子网格为32。

百度贴吧是百度旗下的独立品牌，是全球最大的中文社区，结合搜索引擎建立的一个在线交流平台。贴吧是百度产品中访问前三的产品，也是网络营销人员值得关注、执行的推广渠道之一。做好百度贴吧推广获得的效果也是可想而知的，在贴吧发表软文可以快速的被搜索引擎收录，并获得良好的排名。百度贴吧如何做好才可以获得好的效果，下面周维与大家分享如何做百度贴吧推广，本文纯粹个人经验分享，说得不当之处请各位指点。

如何做百度贴吧推广

1、选择相关性高的帖吧
做贴吧推广之前要选择合适的贴吧，不是什么吧都可以做推广。相关性的推广是很必须的，这也决定推广的效果。比如你是做女装的，你不可能找科技类的、餐饮行业的贴吧，女装就得找女装贴吧、有女性方面的帖吧。

2、确定标题的关键词
推广软文的标题要自然的布入关键词，根据SEO的原则将要优化的关键词写在标题中。推广标题的关键词可以被用户在搜索引擎中搜索，有希望在搜索结果页展示给客户。如女装可以考虑写，秋季女装如何搭配比较好？或者英语培训，北京哪家英语培训机构好？

一年以前，我（曹舒旻Kevin Cao）还在做各种Flash网站，而现在却是拥有一间小工作室的iOS独立开发者。从互动广告行业转型到移动互联网，也许也是正在阅读本文的你心中的一点小念头。即便你仍然打算奋斗在互动广告行业，对移动互联网带来的冲击也不可能置身事外。

移动互联网，正在真真切切的改变我们每一个人的生活，对你我正在从事的事业，都不能例外。那么，如何顺势而为，让我们能够在新的时代背景下游刃有余呢。

首 先你应当成为移动互联网的应用达人：拥有一款移动设备，并成为重度用户。你得比你的客户或目标受众更加了解这种新的媒介。你要学会观察和分析这些移动设备 产品设计背后的精髓，包括但不局限于：用户手持设备的使用习惯；屏幕尺寸限制对设计的影响；多点触摸的操作方式；单窗口应用和多任务的设计方法等。此外还 有GPS定位，陀螺仪等特有硬件模块的玩法。

然后你还应当看看Apple的人机交互设计指南，了解那些细节到有些龟毛的设计建议背后的理念。这也保证你在发想创意的时候不至于偏差得太过离谱。

此刻你一定已经有了一个不错的想法（或者靠谱的Brief）。现在到了我们尽情发挥创意和设计才华的时刻。 流行如“下拉刷新”的操作可不是一开始就写在设计指南里的，而是由与我们一样的创作者想出来的绝妙创意。这绝对是重度用户才能发想出来的直觉式设计的最佳范例。还有Instapaper客户端的倾仰翻页，以及前段时间非常流行的Clear式轻扫和捏合操作，也都代表了交互设计的顶尖水平。 虽然在这个领域不乏一些专业的UI设计公司，还有各种互联网企业的UED正规军。但是在如何把移动应用设计得有爱或有范的问题上，我们互动这行的设计师也不甘示弱。我们看看私密照片分享应用Path 2.0中 的创新折叠菜单。吸引了不少眼球吧。而我们拿它回过头来对比闪客们N年以前就已经实现的各种动态菜单，其效果不也显得黯然失色吗。用户在iOS应用上已经 看了好几年标准界面的产物，难免开始产生审美疲劳。现在进入了重视用户体验的时代，互动从业者们在视觉表现和交互效果上的经验积累在此是一大优势。相比其 他行业的转型者们，我们更容易创作出令人惊艳的作品。

@Gaoyoungor 每个网站有属于自己的个性——它能反射出背后的个人或者团队。如何做到让自己的网站显得与众不同、卓尔不群，让用户流连忘返或者立马下单？

为了让你的网站脱颖而出，不仅需要有丰富的高质量内容，同时也要兼顾网站的创新性和功能性。从用户的角度出发好好想一下，怎样让你的网站用户体验更友好？简单的搜索功能是需要的，或者你也可以精心设计一下网站的导航。同时，要注意保持整个网站设计语言的一致性。在这个html5狂潮涌进的时代，诞生了很多优秀的网页设计作品，他们都有卓越的导航设计，接下来整理的这些网站将唤起你关于导航的极限创意，快来亲自体验下吧！

Toybox

在需要的时候导航栏应该一直在那里，而当用户想要专注于某个特定的任务时，导航栏则应该优雅的隐藏起来。比如说，在设计一个网上商店的出纳页面时，网站的导航应该可以随时都易于使用，但同时也要注意突出像出纳表单和按钮控件之类的鲜明功能。Toybox的导航设计就恰好满足了这些。

如下图示，这个侧边导航给人的感觉就像是你在窥视页面背后或者是掀开了一个玩具盒的盖子看看里面到底有些什么。这个侧边导航非常方便使用，鼠标悬停在浏览器左侧即可出现，主体部分即时出现的旋转效果也很带感，可以很好的引导用户的注意力。将导航隐藏起来同时也实现了界面的简洁，使网站的浏览体验非常的愉悦，因为网站并没有留下太多无用的信息去分散用户的注意力。

至于其他你想知道的信息，比如说Toybox公司的主营业务和地址，可以在顶部的一个直接呈现的导航栏里找到。首页的磁贴鼠标hover效果也非常的有趣，当鼠标悬停于某个项目的缩略图时，其余的项目缩略图都后退变暗并且产生景深的效果。

网页设计目前已经很广泛，每天都会有不同的新网站出来，但是很多网站布局排版实现太单调，看来了像是用模板一样，就是文字内容不同，其它都差不多样式。所以设计师们要尽量让自己的网站看起来与众不同，如何不同呢？可以从UI设计、配色、排版、布局等方面入手。

正好今天我们整理了20个独特的基于网络布局的网站，这些网站使用了栅格一样的布局，有整齐的排列、有瀑布流布局式等等，希望这些网站能点燃你心中的想法，让你设计的网站脱颖而出。

来看看这些彰显个性的有趣网站：
《对抗潮流！那些大胆忽视设计趋势的网站》

Jun Lu

MIJLO Essentials

正如大家看到的，现在许多人都使用手机访问互联网，所以这让越来越多的公司去开发或重构新的web解决方案，因为他们认识到自己的项目有效的运行在各种移动设备上是多么的重要！现在市面上存在太多流行的移动设备了，网页设计师们也不得不跟随潮流适应技术发展和变化规律，这些小巧的用户界面设计技能已经让一小部分愿意改变自己的同学们尝到了甜头，有付出就有收获！除了学到全新的技术，也有了踏实的收入，是的！薪水翻倍了！

创建移动设计模式是非常重要的一步，记住！这是为移动设备设计而不是web。不仅仅是移动屏幕远小于普通的电脑屏幕，关键是鼠标和键盘已经被手指替代了！当然还有更重要的，说起来很苦逼，我们再也不能使用一种模式来通吃这些不同的移动平台了，这可比兼容IE那一家子要苦难得多，毕竟还没有很好的规范。不是吓唬你，别以为只有那巴掌地大小，为移动端做设计并不是很容易。

这是一组精心收集的30+优质购物车PSD，这些精美的购物车PSD将会为您的设计提供了一点创意灵感。

如果你刚好在做这方面的设计，那可以先欣赏一组超赞的简约时尚的电商网站设计，或者直接动手学习如何提升电子商务网站易用性，希望能让你在设计上更加得心应手: ）

Cart Modal Popup

在2012年涌现了许多有视觉吸引和创造性的导航，她们不仅身段妙曼富有美感，而且传承了整个网站的导航指引，让浏览者轻松愉悦的访问网站。她们会温馨的提醒你在哪儿，还会体贴的带你获取到想要的东西。别等了，现在就去寻找你喜欢的导航下载它吧。

Elegant Ribbon Menu

3d block menu bar

个人微信账号朋友圈成为香港代购、淘宝客等形式的推广新战场，在朋友圈推送的产品信息，转化率非常高，在个人微信账号吃螃蟹的人，多多少少都赚到了自己的一桶金。但是也有看到螃蟹，却吃不着的，为什么呢？

看到了朋友圈推广信息效果不错，一天到晚就是不停的向朋友圈的好友推送信息。一次还好，二次就会让人难受了。朋友在查看朋友圈好友信息时，从上到下都是广告信息，还是来自一家，这个就会有用户屏蔽你的信息或者取消关注。

笔者使用微信以来，经常有好友推送香港代购信息、品等信息，开始一两天感觉没有什么，第三天还在不停的发送，笔者就直接将该好友取消关注了。因为不管天天推送这些，他们不烦，我们这些好友看着烦啊！杀熟也要注意分寸嘛！向自己好友推送信息是没有错，好友也是你的潜在用户，需要考虑用户的感受，别光顾着自己。