设计教程

淘宝广告设计教程,网页设计教程,图标设计教程,设计项目流程,设计历史。

HTML5游戏开发与盈利分析

作为一个HTML5游戏设计师,对未来的游戏,个人非常乐观,喜欢创造游戏的过程及使用新技术的过程。回顾2011,HTML5游戏设计者可以做梦,有很多好的创意,我们可以花很小的成本去做,今年就是你将梦想实现的时候,在这里分享几点html5游戏设计与货币化经验。

利用好移动平台

确保开发的所有游戏都在智能手机上玩儿,如果设计iOS游戏,分辨率最好为320×480。有本书很不错,叫《(Building iPhone Apps with HTML, CSS, and JavaScript: Making App Store Apps Without Objective-C or Cocoa》,这本书很不错,能让人豁然开朗,能让人立即理解画面与规模,还能学到许多CSS小技巧及如何很好利用移动设备。 Read More…

硅谷网站设计原则

初级创业者应该搞清楚保持细致与步入主流的区别。以下是网站设计过程中的几个原则,硅谷的人也常不屑地称其为“常识(Normals)”。

怎样介绍网站

不用告诉用户你网站的“原理(how it works)”或“是什么(what it is)”,当然也无需告诉他们你的公司有多奇妙。你需要抓住重点,完整而明确地告诉用户你提供什么样的服务。新用户需要知道的是,你提供的服务在他们的生活中能起到什么作用。

看一下Twitter主页是怎么向新用户介绍的。很简洁,“欢迎来到 Twitter。与你关心的人们一起,探寻变化的大千世界”。Facebook也类似,“联结你我,分享生活,尽在Facebook”。非常有才!现在初级创业者应该知道,采用明确的方式告诉用户什么时候使用、为什么有用。比如通过前面两句话我们就能知道,Twitter是用来探寻世界的变化,Facebook则是用来沟通和分享。 Read More…

网站导航设计,构建清晰简洁的导航系统

构建清晰的导航,也是网站设计重要的一环。

网站导航是互联网产品中应用最广泛的基础元素之一,引导用户了解到网站的内容结构进而找到所求。作为基础控件,导航看起来简单,但却是产品设计中最复杂繁琐的一部分。因为我们想要让网站结构更清晰、想要向用户传达所有的信息,所以就赋予了导航越来越多的内容,使他们庞大异常,十分纠结。简化了,用户无法了解到页面结构以及自己的处境,产生困惑;复杂了,导航臃肿不堪,层峦叠嶂,既不美观也不好用。

那么,在清晰的信息架构下能不能让导航尽可能的更轻便、更灵动,是笔者本文想要探讨的话题。笔者看来,为导航塑身可以从以下几个角度来进行:1.简化结构;2.优化形式;3.打磨UI。 Read More…

LOFTER轻博模板设计教程

负责LOFTER模板设计工作已有一些时间,一直没机会写写总结,趁此机会写些文字供大家观赏!或许大家听的比较多的一句话是:若把传统博客比喻为一本书,微博就是一份街头小报,而轻博客就像是一本杂志。与传统博客相比,轻博客的方式更简洁”。

个人觉得LOFTER首先是个好用的工具,然后才有可能成为一个好的社区。LOFTER必须简单易用,有一个简洁的发布操作端口(电脑页面及移动客户端),和精美的展示空间(博客模版和Timeline页面);是的,精美的展示空间——博客模板。 Read More…

手机APP与移动互联网广告设置技巧

 

目前移动互联网发展趋势迅猛,随之而来的移动互联网广告也以迅雷不及掩耳之势飞速发展,据市场研究公司Gartner称,2011年全球移动广告收入预计将达到33亿美元,比2010年的16亿美元增长一倍多,到2015年,全球移动广告收入将达到206亿美元。移动互联网广告即将成为网络广告中的生力军,其中移动搜索和LBS广告预计将产生最多的广告收入。那么基于移动搜索和LBS的移动互联网广告设计或将成为设计师们的设计重点。 Read More…

设计中的设计,原研哉设计

设计中的设计?日本平面设计的领军人物原研哉(Kenyahara)的首次大型个展,终于在北京开展啦,这种活动CDC大牛们当然不能错过,二话不说组织了这次集体观展之行。

在展览中大家都互相交流着自己看法和感受,颇有心得。为此我们后续围绕这次观展之行展开了深入的探讨,涉及的话题从原研哉(后面简称“原”)的作品、MUJI,到日本设计以及对设计理念的认识等等,大家各抒己见,表达着心底的真实感受,真可谓是设计师峰会啊。下面就是小编(me)速记整理的大牛们的整个讨论过程。 Read More…

淘宝美工欣赏,创意广告


主题:春游季   

这是一期以80年代与现代2种春游方式做对比,在衣食住行四个生活点上做文章,引发大家对80年代生活的追忆,从而制造了很多关于80年代的话题。

设计师:设计师的时候在色调、模特、质感细节上很好的体现出“怀旧”的感觉,怎么样?浏览下来是否勾起您些许回忆? Read More…

淘宝美工欣赏,手绘主题

推广活动中经常可以看到手绘形式的页面,这类型的页面通常能让人眼前一亮、赏心悦目,设计师通过简单的线条勾勒就能完美的体现活动主题。相比常规设计手法,绘画设计页面优势有:1:设计上可以抛开素材的束缚, 让创意尽情表现;2:对80后\90后等消费主力军来说,绘画形式的页面很容易被吸引和接受;3:更容易对概念性的主题页面进行创意设计。以下为回顾集合中绘画形式的页面。


主题:全民疯抢-美食篇

这是全民疯抢预热场的美食篇,活动创意抓住了“疯抢”这个关键词,描绘了美食类目卡通形象“吃货兔”拉着一大包美食疯狂逃生的场景,与年底大促的疯狂相呼应

设计师:纯手绘原创风格,页面整体可爱诙谐,旨在让用户在一个轻松有趣的环境 里挑选自己的喜爱的食物 Read More…

产品网站首页设计思考

什么是工具型网站

我们先从 wikipedia 上了解三组概念:

工具:是指能够方便人们完成工作的器具。application:用来帮助用户完成某个单独的或是一组相关的工作的计算机软件。web application:指通过使用 Web 和 Web 浏览器技术,跨越网络完成一个或多个任务的应用程序,通常需要使用 Web 浏览器。由此可见,应用就是计算机领域的工具,工具型网站可定义为承载了一个或多个网页应用的网站。它专注于让用户完成一系列的任务,如注册、支付等。 Read More…

QQ空间龙年春节彩蛋“会喷火的龙”制作揭秘

神龙.jpg

一、背景

今年春节Qzone做的春节活动是让用户许三个新年愿望(发表空间说说的方式),然后自己去拉好友来“赞”自己发的愿望,当每一个愿望积累“赞”的次数超过5次的时候就可以点亮龙身体的三分之一,当3个愿望都积累到的时候就可以全部点亮一条完整的龙,

龙年彩蛋1-273.png

最终在Qzone个人中心的Feeds里面可以带上这条龙:

龙年彩蛋1-417.png

当时我第一眼看见这条龙的设计稿脑中就浮现各种想法:“如果这条龙可以动起来将会是什么样子?如果它还会喷火?如果它可以把前面的名字烧红?如果它可以把黄钻的条点亮?如果它可以给大伙拜年?……”

于是萌发出做一个彩蛋的念头……然后就一发不可收拾了…… Read More…

网页横幅广告banner设计方法

本来想写“Advertisemen中的字体结构分析”,后来发现这个标题写得有点大,偏离了在目前工作中的针对性,因此缩小到banner的范围,以下内容仅个人在目前工作中对banner设计上的一点浅见,仅起抛砖引玉的作用。

Banner的传达方式 [TOPIC]

针对网站中的banner

Banner的本身形状:形状决定了其固定的构成方式,一般为矩形,横幅,左右结构和居中;

Banner的文字特点:主题式,一般分为主标题和副标题,文字较多;设计的时候还需要考虑应用到网站各种尺寸推广图的可读延伸性。

Banner的图像特点:辅助主题,增加文字的渲染力。

Banner的传达行为方式:载体为电脑屏幕,IE浏览器的第一屏位置,用户眼睛焦点停留时间约3秒以上。 Read More…

WP7手机程序设计 & Metro设计方法

Windows Phone 7 & Metro设计指南

微软新手机操作系统 Windows Phone 7 (WP7),通过应用于WIN8操作系统的Metro设计语言,为我们展示了一种全新的内容组织形式和与众不同的用户体验。

如果说Windows-mobile是为了商业和技术人员设计的话,那WP7的目标用户就是那些线上线下都很忙碌的活跃份子和热衷于社交活动的人群,不管他有什么样的背景。 Read More…

1 2 3 4  Scroll to top