web设计和设计流程 有趣的web交互设计

文章描述:创意十足的web布局及交互设计.

富有灵感和创意的设计与一般设计的区别在于,它不那么容易被想到和实现,一旦它被实现,一个非常有趣并且迷人的网站就诞生了。

网站几乎每天都能见到,但是不是每一个网站你都会说“真希望我也能想到过!”

设计者们正在做的是一项伟大的工作,那就是提出且合并各种高水平设计的网站,这些网站都是最新颖的原创作品,同时还保持了很高的可用性。不规则的颜色、形状,及其导航就可以生成最有趣、最吸引人的网站。当然,能想到这个点子是很难的,实现起来也有一定的困难。

但是说不准哪天你做的东西能引起一个新的流行趋势,产生很大的点击率,或者以你无法想象的一种方式来“工作”。对于设计者和开发者而言,最重要的是要记住web设计无论看起来多么牛,必须高效可用。通过在设计过程中结合创造性的思维和对关键特性的仔细分析,伟大的和最新的网站概念将会不断的涌现。

跳出固有思维模

第一个问题是“为什么?”

为什么我们在制作网站草图的时候总是画矩形框?

为什么“一直”是那几种特定的颜色或字体?

为什么所用的照片都是完美的4×6屏幕高宽比?

第二个问题是我们怎样做到不同?

越来越多的网站用兴趣和创造性的布局来回答上面第二个问题,从使用圆形到使用吸引人的照片和颜色,似乎没有起到显著的作用来创建新的导航和滚动方式。

怎样对待基本概念?

当形成打破常规的新概念时重要的是记住基本概念。无论一个网站看起来多么酷,它必须具有可读性和可用性,否则人们不会前往该网站并进行内容交互。

在设计的阶段,要记得不断思考你的用户和他们的想法及他们怎么使用网站。如果是高级用户的话,那么在导航和滚动特性上只要存在一点不方便使用的地方,都会使他们印象深刻。但是如果用户是计算机初学者,你就应该坚持普通的导航工具。

你的访问者为了一个原因来到你的网站。当他们到达该网站时这个原因需要加强。确保你的设计能提供给用户所需要的所有准确信息、娱乐、电子商务等等。

不要做的过多!意思是,针对一个有兴趣的方向一直做下去,但是不要尝试太多的东西。记住,如果有太多的东西出现在你的网站上,那么用户是不会停留住多久的。找到一个兴趣和唯一的方式来和他们互动。

五个站点聚集在一起

那么什么使他们聚集在一起?创造性、可读性和可用性。我们见过一些网站做的东西很新、超乎想象并且非常棒。

lowdi 在做一个伟大的工作,他们用常态之外的形状来创造视觉上的兴趣点。不仅每个盒子都有圆角(或反向圆角),被着色的框架类似于该公司正在出售的产品的形状。即使你没有在屏幕上看到Lowdi的盒子,你已经记住了它。随着滚动,这个盒子(这是一个扬声器系统)使用一系列弹出的气泡与你“对话”。这种概念非常有趣、新鲜并超级迷人。

Steve Vorass 利用“隐藏导航”展示了他的各种项目。投资组合类型的网站使用一种在屏幕顶端的简单的“工作、概要、联系”导航,同时图像也是导航工具。每张不同类型的图像将带你到不同的项目。更重要的是,当你的鼠标悬停在图片上时,他们会提醒你点击后将带你到哪里。网站的整体设计有一种简单的外观和意想不到的像墙一样的动画效果。

Caava Design 引人注目的地方在于图像选择和有趣的形状,但是更具有创意的是滚动。整个网站建立在时间轴上。每个图像“气泡”带你到另一个信息级别。使它特别的是你根本不需要看懂时间轴就能导航和明白这个网站。它是一个功能非常强大的组织。

Joint的网站向我们展示了标签本身就是一个具有创造性的设计业务。每个页面给你用来导航的可点击的选择。这个方案很简单,仅用灰色和白色(除了友情链接会包括彩色照片)但悬停效果和可读性是很奇妙的。它会让你想一直点击下去来看看到底这个网站是什么样子。

Ballantyne 使用很棒的图片组合、有趣的形状和非常酷的滚动效果让你着迷。时装零售商的网站上展示了一个很棒的产品选择页面,同时提供有趣的公司和产品信息。每个滚动 轴通过上下按钮移动三个图片面板来显示新图片。滚动效果在几个屏幕间持续,你会不由自主地想看看接下来会发生什么。另外,酷酷的斜边使滚动的效果变的更加 无缝和有趣。

结束语:

很多年来,设计师们从来不说“没有原创的想法。或者我认为那种想法疯了”。每天,新的技术和新的设备都在改变着我们对web设计和设计流程的想法。我们应该让头脑风暴走出你的舒适区,然后再把你所获得的想法拉回现实,确保它包含所有的特性, 再将这些特性变的更加实用。

记住,一些“疯狂的”点子可能会失败,但是这没关系。分析并学习它,然后进入下一个点子。

时间: 2024-10-04 00:46:34

web设计和设计流程 有趣的web交互设计的相关文章

产品研发流程与合作之交互设计

产品研发流程简介 下两副图是产品研发简化流程图,交互设计环节被增加在提出需求与视觉设计之间,可以直观看到交互设计起到了承上启下的作用,但实际上交互设计师做了什么,如何与其他岗位更好的合作,下面将进行详细的解说.在此之前,我们先记住交互设计的本质:规划交互行为方式,设计达成行为的最有效形式. 没有交互设计的研发流程 有交互设计的快速研发流程 产品研发的六个层次 产品研发可以分为上图的六个层次,其实也就是<用户体验的要素>中提到的五层理论再加上一个实现层,这样拆分后,可以比较清楚的分析出产品由抽象

B2C站购物流程中优惠券的交互设计优化方案

我们在互联网上经常买东西,也会经常收到优惠券,最近有空做了一个小调研,在一个网站上,有30%的用户拥有超过10张的生效优惠券,但是,当我们使用优惠券的时候,我们发现一个问题,很多网站在购物结算页面只能显示10张优惠券,那么,如果多于10张优惠券后,我们怎么选择使用呢? 我模拟一个用户,当我去一家超市,我购买了很多或者单件商品后,我发现我包包里有N张优惠券,我开始纠结了,我该使用那张呢?于是,我开始翻包里的优惠券,看看哪张快过期了,哪张是我这次想用的,我下次使用的,平时呢,不会理这些优惠券,只有当

交互设计与用户体验:满足用户需求的交互设计

     本文,我主要想表达的意思是:交互设计师一多半的时间其实是在做逻辑分析,从业务逻辑到产品逻辑的迁移:然后另一部分时间是在做按钮的摆放.(注意,我说的是部分,不是全部!)在这两个过程里需要注意的最重要的问题就是不能懒!(京东商城的设计完全不具备交互性,不做分析).对照"看人下菜碟"的说法,我们来看看哪些是可以改进的.       1.如果用户没有登录(注册),用户是否需要去点击"兑换"OR"评论"按钮?答案是否定的.这个时候用户最需要什么交

产品需求设计(以迅雷看产品为例)交互设计与视觉设计

文章描述:从产品到设计. 很多网页设计师认为自己做好设计就可以,其他的事可不用理会和学习,那就大错特错了!一个优秀的设计师,必须深入了解产品本身.相关交互结构及用户体验等常识!这样设计师设计的东西才能深入产品中去,避免不犯错误!设计来源生活和思考,同样作为一个网页设计师,要不断地学习.思考.分析产品才能设计出更好的作品! 这里主要以迅雷看看产品为例,谈设计及用户体验的点点滴滴!希望对刚跨入网页设计这行的童鞋们有所帮助! 主要两个方面讲: 1.了解产品需求设计(以迅雷看产品为例) 2.交互设计与视

交互设计实例:赠送QQ秀商城流程优化

赠送QQ秀流程是QQ秀商城关键流程之一,占了收入最直接的一部分.它的优化是后续商城流程优化的重要参考.OK,现在就用TA做例子,分享一下流程优化中,交互设计的分析过程. 先大概了解一下优化前的流程. 第一步:触发用户赠送 第二步:填写赠送物品信息.需要手动输入好友QQ号码等信息后,点击"立即赠送"进入购物车页面. 第三步:页面跳转到购物车页面,进行支付金额.点击"确认支付". 第四步:对方收到获赠的物品.可以直接保存此形象.

隐藏在背后的交互设计

  外行人对交互设计的第一印象是什么?画线框图的?做草稿的? 的确,大家所看到交互设计师的日常工作成果都是一些线框图,从表面上理解的确是这样. 其实,交互设计师做的远远不止这些.往深一步想,信息架构.界面.流程,都是设计师需要考虑的问题.下面,想谈一下我理解的交互设计. 交互设计最重要的两个因素:信息&互动 一:信息 人们每天面对那么多信息,在杂乱的信息中筛选出对用户有价值的,呈现给用户,帮助用户做选择,指引用户完成任务.信息的筛选直接影响着用户使用,在用户需要的时候无法提供有用的信息,将导致任

一个交互新人的交互设计初体验

  交互设计初体验系列是我在从事交互设计半年多的时间里在工作中和自我学习中积累的一些关于它的思考和经验,也是对自己今年工作上的获得的成长和收获的一个小结.适合初级的交互设计师和对交互设计感兴趣的同学阅读,很多欠缺的地方希望能和大家多交流. 交互设计师这个职业似乎是这几年才开始在中国的一些公司慢慢出现,正处在一个发展的阶段.之前也很少听到有关于这个职业的介绍和培训.而这两年随着"用户体验"越来越多的被运用到产品的设计和商业的发展中,交互设计也在被更多的公司和企业所重视,虽然依然有很多的老

用户体验、交互设计等职位的差异化分析

UED/UX/UCD/UE 几个概念差别比较大,可以做以下梳理. 首先就几个概念一一解释. UED -User Experience Design 据我所知,这个叫法在国内开始传播来自我之前所工作的Yahoo! Yahoo的用户体验部门简称为UED是User Experience Design Department的缩写.后来这种缩写由于Yahoo中国和阿里巴巴的关系被传播到了阿里系的各公司.其实这是一种很奇怪的缩写,通常在国外,用户体验部门的缩写也都是UX而非UED,UED是Yahoo 特有的

给交互设计初学者的完全自学指南

  想自学交互设计 的同学,你们的福利来咯!今天@IrioLee 这篇译文,从什么是交互设计 /常见的交互设计方法/日常任务和交付成果/好用的设计工具/书籍等多个方面从头开始做了一遍梳理,技多不压身,视觉设计师也可以来给自己充个电! 交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域.现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互. 这篇文章对有兴趣学习更多关于交互设计的知识的人来说是一