彬Go

关注前端开发/网页设计/网站可用性/用户体验

今天彬Go将和大家一起讨论网页设计趋势中很重要的环节,那就是”勾引”用户的按钮。所谓”勾引”用户的按钮,其实对于Web设计师来说,就是如何设计出一个能让大多来访的用户都有点击欲望的按钮。通常这些按钮被链接到下载注册购买等功能。

国外设计师 Seth Godin 将按钮比喻成香蕉,而你的用户则会被比喻成可爱的小猴子。我们的目标是能够让小猴子在3秒之内快速找到它们想要的香蕉(也就是在用户放弃并离开你的网站之前)。强迫你自己在设计每个网页的时候都要遵循一个且仅有一个的目标,那就是”香蕉”!让它更大、更醒目、更美观!

网页-按钮-设计

这篇文章将和大家一起讨论如何设计完美”勾引”用户点击的按钮并会为大家展示30个不错的网页按钮设计实例
本文未完,点这儿看完整内容 » »

  • 13 条评论了已经
  • 分类: 网页设计
  • 浏览:8,824
  •   提到web2.0网站,想到最多的便是“交互体验”,那么到底什么是“交互体验”?网站的“交互体验”主要表现在哪些方面?和大家分享一点思考和想法:

      所谓的网站“交互体验”就是用户对网站浏览和操作过程的感受,是对网站设计和功能安排的认知和体会。它包括感官体验、情感体验、思考体验、行为体验四个方面。

    1、感官体验

      感官体验,主要指网站给用户留下的第一印象,是漂亮?古朴?简洁等等这些用来形容风景、图画词语都可以来概括用户的感官体验。作为网站交互体验设计的第一层,感官体验主要通过网站的整体形象来创造,核心是网站的主题风格和UI(USER INTERFACE)设计。

      UI设计主要有三个方面,一是色彩,色彩本身是有感情属性的,也是网站给人们的首要感觉,网站色彩的设计要与网站主题和理念相匹配。如红色的可口可乐、蓝调三星、白色GE等等。二是结构,体现在网站的整体布局,体现的是网站的主题和定位,如阿迪达斯的产品体验站和雪花啤酒的活动网站在结构上完全不同,给人们的印象和感觉也是同样;三是网站元素,包括网站使用的flash、图片、文字等数量和搭配,体现网站的整体风格。

      主题风格是指感官形象中独特、持续、一致的品质,这是最能体现网站差异化的地方,UI的设计很多网站都有共同之处,但网站主题风格的提炼和表现都是独一无二的。如可口可乐公司的交互式界面设计以红色、激情、简洁风格为主,而三星的网站则是蓝调、时尚、素雅为主。

    本文未完,点这儿看完整内容 » »

  • 2 条评论了已经
  • 分类: 用户体验
  • 浏览:2,286
  • 一些有关Web2.0设计风格的文章总结

    一个最基本的Web2.0设计风格是这样的: 简单的布局, 淡淡的倒影, 淡淡的背景, 醒目的Badge,  超酷的图标, 大片留白, 大量使用圆角以及大大的字体. 尽管对于很多设计师来说: Web2.0在很大程度上破坏了设计的美感和想象力. 但又不得不低头: Web2.0就是当前的王道, 且一直持续进行蓬勃发展.

    本文为你收集了一些优秀的探讨Web2.0设计风格的文章.

    Current Web Style

    当前流行什么网页风格?  Web2.0网页风格. Web2.0网页风格是什么样的风格? 这篇文章给了详细的实例结合说明.

    Web 2.0 logos

    著名字体网站Fontshop给出的一篇分析当前热门Web2.0网站所使用的Logo, Logo中所使用何种字体, Logo设计的趋势等的一篇良文.

    细谈 Web2.0 的风格和设计

    一篇中文的Web2.0风格设计详解, 应该也是从某篇英文文章翻译过来的, 不过出处不明.

    10个设计最经典的web2.0网站

    灵感源于欣赏, 模仿也能超越. 看看这些比较经典的Web2.0设计, 也能帮助你提高对Web2.0的感官认知.

    Web2.0 的视觉设计新中英对照

    来自蓝色理想的国人高手结合Jonathan在2006年10月21发表的The visual design of Web 2.0, 对Web2.0视觉设计的探讨, 非常值得一阅.

    流行的web2.0设计典范

    一部英文电子书, 共分七大部分详解流行的Web2.0设计典范.

    150+ Web 2.0 工具和相关资源

    你是一个设计师, 但你懒, 那你可以看看这些Web2.0工具, 你并不是一个设计师, 但你也想让自己的网站2.0一些, 那也看看这些Web2.0工具.


    转自:帕兰映像

      这次是我业余威克生涯的第三次中标,而且是一次中了两标,不过都是属于同的个网站的项目,分别是”My Language Town网站风格美工设计“和“ mylanguagetown.com的Logo设计”,这两个项目一开始本来是放在同一个竞标任务中进行的,不过后来发布者由于对大家的LOGO设计不太满意,有单独出了个竞标项目~呵呵

    先放上来这个网站竞标前的样子,的确很”二”:

    web2-0-改版
    点击缩略图查看清晰效果图

      项目的要求就是按照原有的布局进行优化,如文字风格,导航条风格,按钮风格等。

    我的设计初稿:

    web20-网页设计-改版
    点击缩略图查看清晰效果图

      客户的评价:总体来说还可以,其中Logo和导航条设计我感觉可以更好一些 我们是个服务型网站,所以我倾向于类似Youtube或者alibaba这样的导航 另外,找人搜索部分的Seach按钮最好不要跟边框放在一起,做页面的时候不好处理。或者就不要边框

    根据他的评价开始第二稿的设计(修改):

    web20-网页设计
    点击缩略图查看清晰效果图

    客户评价:比较接近我们的期望,建议可以尝试一下其他配色方案

    web20-网页设计-效果图
    点击缩略图查看清晰效果图

    也曾经尝试过其他配色方案

      之后客户又私下告诉我一些需要修改细节,只要按要求修改就宣布我的作品中标,最后按照客户的要求修改。下面是最终稿件:

    web20-网站-效果图
    点击缩略图查看清晰效果图

    LOGO方案我是一次性中标,设计的创意和寓意比较吻合客户的要求(沟通、交友、快乐、简洁)

    web20-logo

    曾经的参加的部分竞标项目们:

    李宁SHOWTIME花式篮球队队标

    曾经给一个大学生网站做的首页效果图

    曾经做过的一个易拉宝项目

    为273二手车交易网做的首页

  • 3 条评论了已经
  • 分类: 我的作品
  • 浏览:1,921