网站鉴赏・零零壹・sum

零零壹标号,表达了这么一个意思,希望以后能够经常有。我这人懒得很,没有什么毅力,希望很多时候都不能成为现实……不过希望总是好的,至少这一次是有了。

sum::
http://www.allsteeloffice.com/sum/launch.html

一把办公背靠椅的产品网站。 页面简洁,白、绿、黑三色,配以部分flash导航。 清新,自然,飘逸;轻松,健康,环保。 和人们印象中的办公环境的特点截然不同,但恰恰就是在办公人群心中最渴求的。 清脆的音效分外动人……

一把椅子能做到这种程度,不能不承认老外的实力――不论是设计实力还是经济实力

一个Web系统界面设计和开发.5

6.典型交互模式

界面交互中,根据功能不同,有不同的交互方式。应该尽量提取抽象,尽可能减少交互模式的种类,或者把交互方式尽可能设计的类似,以方便用户快速熟悉系统。

下面列举3个系统中比较典型的交互模式,供大家参考。

单项选择

多项选择

项目分解(GIF动画 4桢)

7.Demo开发

Demo是详细设计阶段的重要成果之一,在对系统进行详细的分析设计之后,开发出界面Demo原型,主要作用是提供给合作客户,在基本功能、系统组成和易用性上进行测试。

本系统的Demo主要包括界面的设计制作,和部分客户端表现层脚本的开发。为了在后面的实际业务开发中尽可能获得重用,Demo的制作在页面规范、CSS样式定义和JS脚本编写方面都严格遵循了系统开发规范,并在以后的代码编写工作中严格执行。

本系统整个Demo包括大约50个页面,耗时月3周。

在后续的开发过程中,仍然要严格控制整个开发过程,保证整个系统界面的统一,并随时维护更新系统界面的设计。

8.结语

太长了……需要对以前很多东西进行回顾,实在很困难。很多细节,包括很多设计、技术上的东西,都已经记忆不清了,文章也显得有些紊乱。

因此,如果大家有什么疑问,或有意见、指正,请提出或来信与我交流。

一个Web系统界面设计和开发.4

以下是系统中几个比较典型的界面模型。

在整个系统界面的设计过程中,需要注意整个系统的统一,设计风格要一致,界面中的交互元素,从色彩、样式到排版方式、具体位置都要具备延续性,这样才能使用户尽快习惯整个系统操作。