通过前阶段的工作实践,总结了手机软件GUI设计的流程:
首先,确定GUI需求:
手机界面分辨率:240*320
实际尺寸大小:空
机器外形硬件和软件的特性:空
客户的GUI需求:空
其次,明确我们设计师的任务:
1.必须深度了解任务和用户分析
2.设计师、界面和交互模型
设计师必须尽可能的把用户的认知和形态特征了解全面。
了解的内容主要包括:
- 人机匹配性,进可能的做到用户意图和界面允许动作之间很好的匹配;
- 全面的了解用户的技能和弱点,用户一般会存在思维、学习求解的能力,同时也具有健忘、精力不集中、易出错、疲劳、情绪不稳定等的弱点;
- 用户的知识背景调查(需要了解手机产品的目标投放群体和产品定位);
- 用户对系统的期望和态度;
3.保证界面设计的一致性原则、而且要合理利用界面的布局结构,保证界面的简洁易用;合理利用颜色,确保显示效果与内容和形式的统一; 一般来说,大多数大众普及型软件的界面最好保持传统的风格,采用一些柔和、中性化的色彩。
4.图标的设计上,要直观、形象、喻意性强。
5.快捷方式的提示设计(是否有需求添加,需要UI设计师支持)
还有,GUI设计详细流程定义:
- 项目开始GUI设计时间点之前,明确客户的GUI需求,了解机器外形硬件和软件的特性。
- 概念设计【提供GUI设计方案几套,参考产品组人员和领导层的建议,但最多3套,精心设计各套方案;项目组和产品组共同进行方案评审会,决策方案;并且需要项目组提供真机,展开界面的真机效果和环境测评,优化界面颜色、亮度等细节)】;
- 详细设计【需要明确界面研发的细节;建议项目提出强烈建议优化的几项产品设计点(用户调查)】;对界面有变化的界面进行统计,整理出文档提交给UI层面技术工程师,做好相关的界面准备工作。
- 原型设计时间【目前国内研发软件的现状通常此环节被忽略,但时间充足,建议按计划进行】
- 与UI层面的技术工程师共同展开界面实现(界面实现和界面优化的时间点控制在项目时间的百分之几点,需要明确)
- 界面工程师制作好Demo,提交给项目负责人、决策人和UI用户界面测试工程师(需要指定负责人),展开用户体验反馈建议汇总,提出用户界面体验的反馈意见表(需要项目负责人支持)。
- 测试评估,尽早发现存在的交互设计和视觉设计的不足之处,进行软件界面的改善设计。
Windows Mobile 7交互界面整体GUI设计风格:黑色和钴蓝色配色风格,特点:沉稳商务 .
| 信息列表(图一) |
功能列表(图一) |
提示框(图二) |
选项弹出菜单(图三) |
地图界面(图四) |
|
| UI交互:同级别导航栏
背景:白色
聚焦:蓝色高亮 |
UI交互:同级别导航栏
背景:蓝色
聚焦:蓝色高亮
效果:非聚焦项后隐 |
有两种方式:
1.横截屏置灰提示
2.白底灰色字体提示 |
特点:居中
背景:白色
聚焦:蓝色
效果:非聚焦项后隐 |
UI交互:地图缩略图
特点:界面干净整洁 |
|
(图一)
(图二)
(图三)
(图四)




以后的网站是内容为王,seo也是这样,要保证网站的更新,必须要靠大家的力量,这样就是web2.0时 代,当内容和秩序(大家都在无私的贡献内容),剩下的就是对现有信息能够自动的进行分类再呈现给人类,我想那就是web3.0时代,大家有了这么高的觉 悟,估计离我们神圣的XX主义已经不远了。希望这个列表对seo届重视内容的同仁有帮助
| 分类 |
第一名 |
第二名 |
第三名 |
提名奖 |
| 社会化书签 |
Del.icio.us |
StumbleUpon |
Furl |
Mister Wong, Ma.gnolia |
| 图书相关 |
Lulu |
Biblio |
VuFind |
WorldCat, LibraryThing |
| 分类目录 |
Craigslist |
Oodle |
Parking Search |
Go2Web2.0 |
| 协作文字处理 |
Google Docs |
Writeboard |
Thinkfree |
Celtx |
| 在线表格 |
Wufoo |
Dabble DB |
EditGrid |
Instant Bull |
| 在线存储 |
Onmidrive |
Fluxiom |
esnips |
Totoexpress |
| 教育类 |
.Docstoc |
Mango Languages |
SpanishPod |
Livemocha |
| 求职类 |
Standout Jobs |
CareerBuilder |
Monster |
Mployd |
| 事件管理 |
Upcoming |
Going |
Confabb |
Eventful |
| 食物相关 |
Im Cooked |
Urbanspoon |
iFoods |
Recipe Key, Crazymenu |
| 娱乐类 |
Cocktail Builder |
HairMixer |
Comiqs |
One Sentence |
| 游戏类 |
Zango |
Galaxiki |
Doof |
Guess The Google, Arcaplay |
| 家谱类 |
MyHeritage |
Geni |
Amiglia |
GeneTree, AncestryPress |
| 本地搜索 |
Yelp |
Google Local |
Citysearch |
Yahoo! Local, Menuism |
| 健康相关 |
Revolution Health |
PEERtrainer |
iMedix |
Icyou, Health Ranker, Medstory |
| wiki站点 |
PBwiki |
Wetpaint |
Wikispaces |
Wikidot |
| 地图应用 |
Frappr |
Wayfaring |
CommunityWalk |
Rrove, InteractiveMaps |
| 地图服务 |
Google Maps |
Live Maps |
Google Earth |
Yahoo! Maps |
| 手机技术 |
Twitter |
Myxer |
Juicecaster |
Plusmo |
| 音乐相关 |
Last |
Pandora |
Mog |
Amie Street, LyricsMode |
| 博客搜索 |
Google Blog Search |
Bloglines |
Technorati |
Icerocket |
| 社会化网络 |
MothersClick |
Tu Diabetes |
Imbee |
Motortopia |
| 在线OS |
Zimdesk |
G.ho.st |
Goowy |
Glide Digital |
| 资源组织 |
Backpack |
Zoho |
Wufoo |
|
| 慈善相关 |
Care2 |
Giveness |
DonorChoose |
BeGreenNow |
| 照片图像 |
Flickr |
Picnik |
Picasa |
Splashup |
| 专业化网络 |
LinkedIn |
Biznik |
Professional On The Web |
Xing |
| 提问建议 |
Yahoo! Answers |
Minti |
Fixya |
BuzzDash |
| 房地产 |
Zillow |
Rentomatic |
HotPads |
|
| 零售类 |
Threadless |
Etsy |
Stylehive |
StylePath, Shopify |
| 搜索类 |
Tweetscan |
Rollyo |
50 Matches |
Alpha Search |
| 社会化网络 |
Twitter |
Facebook |
Bebo |
MySpace, Friendster |
| 新闻类(s) |
Sphinn |
NowPublic |
PlugIM |
Campus Reader, Design Float |
| 新闻类(b) |
Del.icio.us |
Digg |
Reddit |
Mixx |
| 体育类 |
iStats |
TeamSnap |
Oobgolf |
Gympost |
| 个性主页 |
Netvibes |
Pageflakes |
iGoogle |
My Yahoo, Groovle |
| 旅游类 |
Farecast |
Kayak |
Boo |
Gusto |
| 视频类 |
YouTube |
BBC Player |
Metacafe |
Dailymotion |
| 视觉艺术 |
ColorBlender |
Swivel |
VisualComplexity |
The One Million Masterpiece, The Broth |
| 网络开发 |
Yahoo! Pipes |
Yahoo! User Interface Library |
jQuery |
Collabtrak |
| Widget |
Yourminis |
Flock |
Clearspring |
SpringWidgets, Conduit |
作者: 4111y80y
GoAnimate就是一个使用简单而且功能强大的在线动画创作工具,GoAnimate不仅提供了丰富的动画创作资源,并且构建了一个动画创作分享网络社区。
GoAnimate的创作,很简单,只需要利用其提供的动画模板修改即可,你可以在上面增加人物对吧,修改背景页面,修改背景音乐,在时间轴上面的各种操作也都很方便。创作完之后,可以设置为私有或者公开,可以通过Flash方式在你的网站或者Blog调用显示。
你可以在这里查看别人创作的各种动画作品,很有意思,之前觉得做Flash 很麻烦,不过通过GoAnimate,你也可以制作效果不错的Flash动画作品。
这是我尝试制作的简单画面链接~
http://goanimate.com/go/movie/0ipTLZ75zW6k?utm_source=facebook&uid=183431

本想内嵌到我的WORDRRESS站点,可是,好像这个动画制作社区不支持。只好做了个贴图上来了。不过可以内嵌国外社区facebook网站。

今天是世界地球日,在此记录下这个很有意义的日子。
GOOGLE此举,让更多的用户意识到了“环境保护的重要性”。观察GOOGLE,它通常会以 标志字体和节日隐喻图形相结合的手法来体现他们的社会责任。从社会层面说,整个社会给予了GOOGLE发展的机会,GOOGLE也以它独有的方式回报了社会。这种做法很值得提倡,也很有意义。
下面是“世界地球日”的起源:
世界地球日活动起源于美国。1969年,美国民主党参议员盖洛德·尼尔森提议,在全国各大学校园内举办环保问题讲演会。时年25岁的哈佛大学法学院学生丹尼斯·海斯很快就将尼尔森的提议变成了一个在全美各地展开大规模社区性活动的具体构想,并得到很多青年学生的积极响应。1970年4月22日,美国举行了声势浩大的“地球日”活动,数十万群众参与集会,呼吁创造一个清洁、简单、和平的生活环境。
作为现代环保运动的开端,“地球日”活动推动了多个国家环境法规的建立。1990年4月22日,全球140多个国家、2亿多人同时在世界各地举行形式多样的环境保护宣传活动,呼吁改善全球整体环境。这项活动得到了联合国的肯定。此后,每年的4月22日被确定为“世界地球日”。
mapbar的图吧导航产品,不但在技术上实现了3D可视地图,UI上也力求美观精湛。
技术是软件的大脑,UI是软件的灵魂。
MAPBAR:平台决定我们要做什么,我们在现阶段不可能实现iphone类似的交互体验效果。那么,我们要做的就是利用现有的平台和资源尽可能实现最佳的交互体验。mapbar图吧导航产品,精致的图形设计和绚丽的界面风格组合,以及3D的可视地图,极大的提升了mapbar软件用户的交互体验。
以下是mapabr“图吧导航”产品界面:
