- WAP设计基础2010-12-28WAP站点,这似乎是一个有点落伍的东西。在诞生之初,它很简陋,只能通过一个叫WML的标记语言来搭建没有任何美感的文字+链接页面。而今,绝大部分WAP站点都开始使用xhtml标记语言,不过在iOS、Android风潮席卷全球的今天,这个演进似乎显得有点苍白无力。但在中国,WAP的用户群体依..【阅读全文】
- 设计案例分享:腾讯手机令牌的设计过程2010-12-28 一款小小的工具软件,如何赢得 iPhone app store4星级+评价;Android 电子市场4.5星评价,让我与您一起分享手机令牌的设计过程什么是手机令牌? 手机令牌是通过6位动态密码保护QQ帐号、Q币和游戏装备等虚拟财产安全的手机软件。手机令牌每30S更换一次动态密码,用户在敏感操作..【阅读全文】
- 如何用CSS实现大背景网页设计2010-12-25自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中,我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。经常会犯的错误:背景被裁减(查看示例)查看示例文件..【阅读全文】
- 网站界面美化的5大原则总结2010-12-25 网站界面是最先直观的展现在访客面前的,网站界面的漂亮与否直接影响到访客对网站的兴趣以及停留时间!所以网站的界面美化工作是应该引起足够重视的,但是网站界面的美化也应该注意以下五大原则! 原则一、行业特征 网站就像你的穿着打扮,要有自己的风格自己的个性。但是这种个..【阅读全文】
- 网页设计教程:炫彩和透明风格的网页设计2010-12-23炫彩和透明风格的网页设计是我个人喜欢的设计风格之一。下面的设计作品和教程是我接触和收集到的这一类的设计风格的代表。这些作品和教程可以在我们动手创建个人的网页设计时给我们以启发,并且教会我们实际实现的技巧。总结起来,这些设计有着如下共同特点:一、非常漂亮的抽象背..【阅读全文】
- 网站的UI设计:体验vs功能2010-12-20想要你的产品更好用,优秀的 用户界面(UI)必不可少,但注意,绝不要在界面上陷入过深。优秀的 UI 隐于幕后,让内容走上前台——正是所谓的大道无为。如果在抢夺用户注意的拉锯战中,内容失败,胜利的是那些艳俗而聒噪按钮和开关——那就说明 UI 太过了!记..【阅读全文】
- 网页布局:未知高度的图片垂直居中2010-12-17图片的宽度和高度是未知的,没有一个固定的尺寸,在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中,想想感觉还是挺麻烦的,由于最近的项目可能会用到这个方案,所以把一些常用的方法都收集整理了一下。下图是理想中的效果图,外部容器的宽度和高度是固定的,中间的图..【阅读全文】
- 网页制作实例:图片真正居中的方法2010-12-17图片的宽度和高度是未知的,没有一个固定的尺寸,在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中,想想感觉还是挺麻烦的,由于最近的项目可能会用到这个方案,所以把一些常用的方法都收集整理了一下。下图是理想中的效果图,外部容器的宽度和高度是固定的,中间的图..【阅读全文】
- 网页设计技巧:Twitter改版后的界面2010-12-17Twitter大规模改版已经过去一段时间,但自己早已习惯使用第三方客户端,几乎没有认真的使用和思考过它的重设计,直到前两天客户端遇阻,不得不爬上Twitter,才注意到一点点细节。先让我们看看一切平静时的顶部页面: 。是我设置的背景一部分?我没有啊;仙女?哪跟哪啊?美剧看太..【阅读全文】
- 如何才能设计一款出色的注册/登录系统2010-12-17 引子故事发生在一个懒散的午后,笔者发现MSN在登录界面出现的时候,不能修改默认值——也就是说必须完整地输入登录邮箱,看似无可非议的设计——真的是无可非议吗?全部输入太麻烦,还要按SHIFT+2(输入@),为什么不能让我选择下拉呢?明明默认显示邮箱是ho..【阅读全文】
- 多栏自适应布局问题浅谈2010-12-14在网页局部的布局上,需要采用大量的自适应,来满足不同长度数据、内容的合理呈现。以此保证页面不至于因为内容过多等原因,导致重叠、溢出、撑开等破坏整体视觉效果的情况。这里就简单谈谈几个自己碰到过的自适应问题。1、两栏自适应布局在实际项目中,常常遇到如红色线框部分的..【阅读全文】
- 2010图标设计趋势2010-12-13和现代女人的罩杯一样,图标也越来越大了。原因很简单,不管是桌面设备还是手持设备,dpi逐渐变高,高像素的图标变得必不可少了。但让人担忧的是随着尺 寸变大,现在已经很少有人关心像素是不是对齐,小尺寸是否微调,用3D软件甚至照片来制作图标的情况越来越多了。雪豹的Dashboar..【阅读全文】
- PS教程:设计制作摄影主题网站主页2010-12-13 本文为外文翻译,但对初学做网页设计的人很有用,可以借鉴一下。 1. 首先按ctrl+n新建一个760 x 770文件 2. 文件-打开,导入素材图片 3. 选择滤镜-渲染-镜头光晕 4. 输入值如图 5. 按ctrl+j新建一个图层,导入草地素材图片,选择橡皮工具,选择画笔为喷枪柔边圆..【阅读全文】
- 实例分析网站的布局与客户体验度2010-12-06 现在的互联网,Seoer们正如火如荼的做着自己的排名。然而我们忽视了网民,也就是忽视了我们的客户真正喜欢的东西。 我看曾经看到一个网站,称有几十万个长尾词,我好奇的打开后,看到的是一些关键词堆砌,词句不通,然而些网站的真正目的是,出售他的一些非常有个性的服饰产品..【阅读全文】
- 准备用户测试6个关键的步骤2010-11-291. 创建用户测试计划识别你的网站需要评估的方面,建立一个包括大约6个任务的列表。每一个任务包括以下内容: 情景 - 这是参试者将阅读的说明。它需要包括任务的目标和想象的环境,一些能够让情景觉得真实的东西。例如:“下周是你朋友的生日,你打算为他买一份生日礼物。..【阅读全文】
- 网页版式设计心得2010-11-26掌握必要的方法设计的时候,如果设计者随意地进行处理而不考虑当中的原则方法及对象规律的话,那么很多时候都会出现一些不太好的结果。虽然感性是一种相当重要的因素,设计中一定要带有情感,但并不代表简单地依靠情感就能做出好的设计。相反,如果设计的时候能够考虑到各方面的因..【阅读全文】
- 网页布局设计理念2009-11-27 网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页的 精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素——网..【阅读全文】
- css网页布局中文字排版的属性和用法2009-11-09 前段时间,学习了几个大的网站的图文混排的方法。今天总结下,css网页布局中文字排版的相关属性以及用法。包括:设定字体、颜色、大小、段落空白,首字下沉、首行缩进、中文字的截断、固定宽度词内折行(word-wrap和word-break)等。一、设定文字字体、颜色、大小..【阅读全文】
- CSS网页布局文字排版相关属性小结2009-11-01 前段时间,学习了几个大的网站的图文混排的方法。今天总结下,css网页布局中文字排版的相关属性以及用法。包括:设定字体、颜色、大小、段落空白,首字下沉、首行缩进、中文字的截断、固定宽度词内折行(word-wrap和word-break)等。一、设定文字字体、颜色、大..【阅读全文】
- 制造视觉冲击力 深底色网站的设计指南2009-10-31 深底色风格的页面设计很受欢迎,它可以创造出别致优雅、极富创造力的效果。深底色设计适用于许多网站类型,但并非所有。这种风格应该在恰当的条件下使用。 虽然深底色风格可以带来视觉冲击力,但是很多设计师并不知道如何有效地表现他们,取得的效果往往适得其..【阅读全文】

