欢迎来到牛牛文库! | 帮助中心 分享知识,快乐你我!
牛牛文库
换一换
首页 牛牛文库 > 资源分类 > DOC文档下载
 

网页设计创新式布局与交互-UI博客精选.doc

  • 资源ID:3417       资源大小:221.00KB        全文页数:9页
  • 资源格式: DOC        下载权限:游客/注册会员/VIP会员    下载费用:15金币 【人民币15元】
快捷注册下载 游客一键下载
会员登录下载
三方登录下载: QQ登录   微博登录  
下载资源需要15金币 【人民币15元】   |   0.1元文档测试下载
邮箱/手机:
温馨提示:
支付成功后,系统会自动生成账号(用户名和密码都是您填写的邮箱或者手机号),方便下次登录下载和查询订单;
支付方式: 微信支付    支付宝   
验证码:   换一换

加入VIP,免费下载资源
 
友情提示
2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,既可以正常下载了。
3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰   

网页设计创新式布局与交互-UI博客精选.doc

网页设计创新式布局与交互-UI 博客精选邮件群发 设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站。 你几乎每天都可以见到这些网站,每次看到他们,你都会感慨到“多希望我当初能够想到这个点子。”设计师们正在完成一项了不起的工作,设计出一系列精美的网页元素并将其组合在一起,这些网页不但具备可用性,同时又富有新鲜感和原创味道。 奇特的造型、颜色的组合搭配和新颖的导航工具可以设计出那些最富有趣味又令人着迷的网站。 这些网站也同样难以设想和构建。 但是你永远不知道什么可能会引领一场新的趋势,带来大量的点击或者以一种你无法想象的方式“工作“。对于设计师和开发人员而言,在网页设计中最需要记住的是无论外观多么富有吸引力,一定要保证可用性及效率。在设计过程中结合创造性的思考,仔细分析关键因素,这样每天都会产生新奇而吸引人的好点子。 跳出框架思考 第一个问题为什么, 勾画网站草图时,我们为什么总是用矩形,为什么总是用某类特定的颜色或字体,为什么照片都是同样完美的 4*6 的长宽比, 第二个问题怎样与众不同, 越来越多的网站通过选择富有趣味的创新的布局来回答第二个问题,使用带有圆角的形状、富有戏剧效果的图像、可能并不显眼的颜色,以这种新的方式来进行页面的导航和滚动设计。 基本概念 当我们发展一些新的概念时,打破既有模式的关键点在于牢记基本概念。无论网站看起来有多么酷炫,一定要满足可读性和可用性,否则用户无法浏览访问网站并与内容产生互动。 设计过程中要时刻思考用户的行为,想想他们是如何理解和使用网站的。如果你的用户是超级技术达人,那么导航或者滚动设计只要有一点点的小问题就会被凸显出来。但是如果你的用户是电脑小白,那么你可能只需要关注最基本的导航工具。用户访问你的网站是有目的性的。当他们进入网站时,他们想要的一定要表现的足够突出。确保你的设计可以表达出网站的真正用途-提供信息咨询、娱乐、商业等等。 不要尝试做很多。挑选一个有趣的想法然后做下去,但是不要尝试同时做很多事情。记住,如果你的网站上有太多的东西的话,用户不会在上面逗留的。找到一条有趣而独特的方式与他们沟通互动。 五个网站实例 那么怎样可以把创造性、可读性和可用性这些特性完美的组合在一起,我们可以看看下面这些网站、他们在做一些新颖的、意想不到又相当精彩的事情。 Lowdi 正在做一件了不起的工作,通过一些不同寻常的图形打造视觉的趣味性。每个色块不仅有一些特定形式的圆角或是反向的圆角,同时这些色块的形状也和公司所销售的产品相似。即使你不去看屏幕上的 Lowdi 盒子,你也会想到他。通过滚动,这个盒子实际上是一个扬声器系统通过一系列弹出式气泡与你进行交流。这个想法有趣、新鲜,引人入胜。 网站地址Steve Vorass 在他的个人作品网站上采用了流行的 “隐藏式导航“ 进行设计。网站在屏幕的顶部简单的展示了项目、作品、联系方式几个模块的导航,但是页面中的图片也同样具有导航功能。每张不同的图片都会跳转到不同的项目。更为重要的是,当你的鼠标悬停在图片上方时,每张图片都会提示点击后打开的内容。整个网站的设计十分简洁,这些意想不到的动画效果同样如此。 网站地址Caava Design 在图片的选择和图形的趣味化上都有出众的表现,但更富具创意之处在于滚动的设计。整个网站的设计基于时间轴这一表现形式。点击每张图片都会展示另一维度的信息内容。其特别之处在于你甚至不需要通过时间轴来进行导航和了解网站。网站结构清晰,设计精良。 网站地址Joint 自身定位为创新的商业设计。而他的网站说明了这一点。每个页面都提供了可点击的选择区域来进行导航。设计简洁,仅仅使用了灰白色系不包括博客中的彩色照片,但是鼠标悬停动画效果和网站的可读性是令人惊叹的。当你在选择如何浏览网站时,这会令你想要不断地进行点击。 网站地址Ballantyne 将精美的图片、有趣的图形和酷炫的滚动效果结果在一起,来吸引用户的注意。这个时尚零售网站的案例告诉我们在展示海量产品的同时如何有趣的展示公司信息。每次向上滚动三张图片时,下方会展示一张新的图片。滚动会持续在几屏内,让你忍不住去看接下来会出现什么。除此之外,这种富有个性的斜边造型令整个图片流的呈现更具有线性,也更有趣味。 网站地址总结 多年以来,我一直听到设计师在说不会再有什么原创理念了。这种想法很糟糕。每一天,新的技术和设备都在改变着我们对于网页设计和设计流程的思考。离开舒适的位置,走出去来一场头脑风暴,然后把想法带回到工作中,要确保包含可用性所必不可少的全部元素。 另外要记住,一些“疯狂”的想法可能会失败。那没什么大不了。归纳总结、不断学习,然后开始下一个伟大的想法。

注意事项

本文(网页设计创新式布局与交互-UI博客精选.doc)为本站会员(Sky)主动上传,牛牛文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知牛牛文库(发送邮件至niuniuwenku@163.com或直接QQ联系客服),我们立即给予删除!

温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载不扣分。




关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2018    牛牛文库网站版权所有 站长QQ:1791658557
工信部备案号: 沪ICP备18011688号-2

收起
展开