网页设计

硅谷网站设计原则

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

团购网站设计欣赏,韩国篇

前段时间看过SocialBeta里的一篇文章“由韩国团购网站引发的一些讨论”,让我忽然想起5月初我写过的关于韩国团购网站的文章,现在与各位童鞋分享,若有不足之处请多多包涵。

团购,相信这个词大家并不陌生。国内去年开始的团购热,对广大网民来说又带来了一波新鲜的冲击。延续去年的火爆发展势头,截止到目前,国内团购网站数量已超过了5000多家。然而竞争激烈的团购网站前段时间纷纷开始了一轮的“砸钱营销战”。开始找明星代言,大量投放媒体广告等投入高额的费用来试图奠定自己在行业上的龙头之位。但是业界上也有《高额广告费止不住团购颓势》,《不如把精力投入到顾客服务》等声音。

和国内团购网站相比,我们的近邻,韩国的团购网站是什么样的呢?让我们熟悉一下韩国团购网站概况与设计。团购在韩国叫- Social Commerce。

Ticket Monster,Coupang,WeMakePrice 是目前几百家团购网站中营业额排在前3位的代表性网站。 早在2月初Ticket Monster就率先在韩国的国家电视台等多家媒体投放大量的广告来试图把市场主导权抓在自己的手里,随后Coupang和WeMakePrice 也是紧随其后,用明星代言,电视,户外广告等策略来加入到竞争行列。 对于微利经营的团购网站来说,像这样花大量资金来投放广告的目的无非都是属于未来型投资,即便眼前是亏本买卖,但是放远眼光来说是为了扩大市场,抓住主导权为目的。 Read More…

手绘网页设计欣赏

手绘元素通常是用在纸上的,但是它已经被越来越多地用在网站设计上面,手绘风格成为了一种流行趋势。这些速写元素令到网站极具个性,并能为访问者提供有趣的体验。当然Web的手绘要求也不是很高,不要求非常强的素描功能,只要能表达清楚你的设计意图与创意就可以了。这里就有手绘元素在网页设计中应用的24个例子,希望对你有所启发。

me & oli 手绘网页设计

Code Slingers Challenge 手绘网页设计 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…

手机网页界面设计鉴赏

各式或华丽,或炫目,或让人迷惑,或让人叹服的Web Design已经愉悦我们很长很长的日子了。 可是,当有一天我们发现了一个新事物——用手机上网,在手机上看网页,我们看到了一种不一样Web,这种网页大家通常叫他们Wap页面,这种页面形式用简洁的视觉效果,清晰的页面架构和小分量的页面体积第一次满足了我们手机上网的需求。 Read More…

数据图标设计鉴赏

null

如今,在设计,通讯,信息及数据新闻,用户界面多个领域都可以见到数据可视化的身影,引入视觉设计的数据大大提升了说服力,可读性和逻辑性都得到了增强,他带来的不仅仅是颠覆表格那么简单,而是一种思想理念,它不仅把可视化信息作为一种沟通工具;同时也是一种重要的数据挖掘的手段。 Read More…

黄金分割点,苹果公司设计中的奥妙

你研究或者不研究,美就在那里,不偏不移;你发现或者不发现,黄金分割就在那里,不多不少。了解他,发现美,也给自己增加精彩,好作品不会没有依据。

掀开面纱

0.618或者1.618,这个数字是否觉得似曾相识。这其实是一个数学比例关系(说到数学,不要先着急晕哦,知道咱们做设计得对计算都不敏感,呵呵),即把一条线段分为两部分,此时短段与长段之比恰恰等于长段与整条线之比,其数值比为1:1.618或0.618:1。 Read More…
1 2  Scroll to top