视觉设计前瞻实用性研究(PNVD) 第一期
Introducing Palm Pre
palm pre是一款采用多点触摸屏和划出式键盘,支持EVDO功能和WiFi网络、配有GPS、蓝牙2.1技术的Palm Web OS手机。它的设计特点是,可以通过快捷键完成复杂的工作,用户界面定制为快捷桌面,所有小工具和应用程序软件全部可显示在桌面上,功能即点即出。PalmWebOS系统的界面非常精致、细腻,浓重的欧美风格的设计非常讨人喜爱,在下面的内容中我们会与大家一同分享下Palm Web OS所带给我们的视觉大餐。
简洁、清新的界面,细节丰富、质感强列的图标组成了palm web OS系统,与iphone界面的写实风格相比别有一番趣味,例如在联系人页面中(见上图左2)所使用的背景、分隔线、字体的颜色搭配,使整个页面显得清新淡雅便于阅读,添加联系人按钮所使用的颜色与整个页面形成强烈对比,更容易引起用户的注意和操作。palm web OS 系统中内容较多的页面大多使用较浅的底色和深色的字体、图标,以达到方便用户的阅读和操作,在其他的功能页面中会根据不同的场景大胆的使用丰富的配色及细节带给用户新鲜、永不厌烦的感觉。
palm web OS系统的图标具有很强的统一性和整体感,设计师用最简洁的图形元素直观的表达出了功能含义。在细节上我们不难发现,图标质感更加平滑、圆润、细致,虽然可以看到mac图标的影子,但系统中图标所使用的视觉表现手法让我们感觉更加温情。整体的朴实风格、以及更加的生活化的表现,也体现出了其产品系统关注用户体验,用最简单的图形引导用户去感受palm web OS系统的魅力。优秀的设计并不完全是绚丽的质感和复杂的造型,其真正的本质是传达图形的寓意,我们应该更多的去考虑产品和用户的需要,有时候盲目的做加法未必就能达到我们想要追求的效果。
palm Web OS系统中不同功能页面大胆的配色让我们看到了设计师对于色彩搭配的敏锐直觉和超强把控能力,作为一个优秀的设计师,在不同的情景中需要使用何种色彩搭配来达到最佳的视觉表现是我们所一直在不断学习和追求的,在我们文章最后提供的PSD分层文件中,大家可以看到在界面原型中的一些色彩、质感的使用和技巧。
palm pre的官方网站设计简洁、大方,作为产品类介绍的网站很清晰的将产品的资料最直观的展现给我们,顶部背景图片的选择非常考究。在最后,非常欢迎各位感兴趣的同学们一起研究、讨论界面设计方面的经验和心得。
3D 效果的网站
在浏览3D效果Flash网站时,会不自觉被惊人的效果迷住。网站的设计者和开发者为网站提供了丰富的内容,震撼的视觉体验和让用户难以置信的互动效果,令人印象深刻。
像素级完美细节
文字的布局和排版
网站的布局排版,是一门艺术,可以通过不同图片,文字,段落等元素的排列组合,体现想要表达的重点及细节,从而使用户自然接受信息!
可用范围: 门户,活动,广告
场景化运用
真实场景化营造,利用更多有趣并精致质感的载体承载主体内容,可使整体视觉活泼,让原本枯燥的信息生动起来,各活动站点可以运用。
可用范围: 活动,广告
序
FLASH在WEB中的运用随处可见,一个炫动的FLASH可以为页面增加很多有趣效果,一个有创意的交互FLASH往往可以留住大量的用户。
到底FLASH在WBE中的运用有哪些呢?
从FLASH在WBE中的运用来看,可以分为 展示类\\交互类\\多媒体运用类
展示类
FLASH+XML技术的运用
这类网站多以展示图片、照片、作品为主。它运用了FLASH+XML的技术,可以更好更快的从后台读取图片信息,做到前后台分离。可以直接通过后台跟新维护前
台信息。
FLASH自适应窗口分辨率技术
它的优点就是有足够大的空间来展示想表达的内容,并且让用户在电脑显示器一屏内显示完全信息,无论你分辩率多少它都会以满屏的效果来显示,而且也不会出现滚动条。
交互类
可以看出FLASH不仅可以为页面做效果美化,还可以承载着页面里大量的内容。交互的形式也更多样,远比远比点击一个Button体验感更好,由于结合了更多的交互形式 ,可以做到静态页面实现不了的超炫互动体验。
多媒体运用类
Flash运用超强的视频处理压缩技术可以在保证画质的前提下更有效的压缩多媒体文件,与flash达成近完美的结合。现在FLASH技术中运用最多的有两类,一类是视频和交互分离;一类是视频和交互结合。视频与交互分离的更多适用于一些场景的转换或者直接用视频做背景,视频与交互结合的更多适用于一个交互动作而触发的一段动画。
由上面的案例可以看出FLASH技术已经受到了国际大型企业以及大多数用用户的重视,用FLASH来宣传自己的产品,成本低,效果好,远比一些广告位的宣传来的更强列。
结合自身产品的特点,运用适合的FLASH手法让页面活起来。
免责声明:本章所述言论、截图均来自网络或仅代表个人观点,不代表ISD Webteam立场。
建议继续学习:
- 视觉设计前瞻实用性研究(PNVD) 第二期 (阅读:11927)
- 越简单越丰富――极简网页设计视觉呈现技巧 (阅读:10105)
- 网易微博平面视觉项目执行 (阅读:8773)
- sns视觉设计分享 (阅读:7938)
- 视觉设计前瞻实用性研究(PNVD) 第五期 (阅读:6034)
- 视觉注意力―解剖设计的根源 (阅读:6010)
- 用色彩打造专业的视觉效果 (阅读:5759)
- Pinterest:充分挖掘视觉的潜力 (阅读:5381)
- 视觉设计前瞻实用性研究(PNVD) 第三期 (阅读:4887)
- 概念视觉设计 (阅读:4656)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:牛来了 来源: ISD Webteam
- 标签: PNVD 视觉
- 发布时间:2009-11-18 23:06:23
- [40] 界面设计速成
- [35] Oracle MTS模式下 进程地址与会话信
- [32] 如何拿下简短的域名
- [32] IOS安全–浅谈关于IOS加固的几种方法
- [32] 视觉调整-设计师 vs. 逻辑
- [31] 程序员技术练级攻略
- [31] 图书馆的世界纪录
- [30] 【社会化设计】自我(self)部分――欢迎区
- [30] android 开发入门
- [27] 读书笔记-壹百度:百度十年千倍的29条法则