软件界面设计与欣赏教学课件第二讲1

1、User Interface Design and Appreciation 2009.03主讲：马 帅软件界面设计与赏析信 息 没有信息就没有网站。 信息的形式不只是文字和图片，网站的视觉设计也是信息内容的一部分。信息 当我们确立了网站建设的目的之后，就要围绕这个目的对信息进行筛选与编整，并按照重要程度有秩序地排放在页面上。 浏览者可以通过信息的编排，辨析内容的重要程度，接收到来自界面传达的视觉信息。这样，建设方的目的就达到了。http:/exhibitions/2004/tallbuildings/index_f.html信息与信息空间 网站即是信息的容器，也是信息的载体。 它就像一个放置

2、信息的立体空间，有着很多的单元格，将信息分门别类的放置其中。 从信息的分类、分层、列表、更新可以衍生出网站的栏目、子栏目、文章列表及其它信息功能类别等多种信息属性。 做为信息的载体，网站的立意、设计、宣传、发展都和信息内容息息相关。信息与信息空间 信息量少，网站就简单。但是设计师可以运用图形、文字、多媒体、版式等手段，巧妙地缓解信息过少给浏览者带来的不信任、不确定感。 网站的大小体现出信息量的多少，信息内容也是建立网站的参考。/信息与信息空间 信息量多，网站就丰富，但是其信息结构就越复杂，建设工程就越浩大。 也许会因为信息量过于庞大，而无法把几个门类的信息放在同一个网站中。 于是，韩国率先推出

3、了以多个垂直门户并列，形成的家族系列，将多个网站通过同一个品牌形象进行门户墙似的商业推广方案。http:/ga_menu/EN/home.html信息的形式 常见的信息形式主要有：文字、图形图像、动画、音乐等。 作为传播信息的载体，文字和图像承载了90%以上的信息内容。 在网站界面上，处理信息形式之间的协调性和空间感，使它们呈现出一种可读性高、易被浏览者接受的状态，是设计师最主要的工作。信息之文字 网站的绝大部分信息是使用文字形式进行传达的。 对于信息量较小的网站，页面格局创意和文字段落排版设计可以使界面突破平庸。 把文字设计与FLASH动画结合起来，使文字作为视觉元素活用在创意设计中，很多精

4、彩的网站就这样诞生了。 除了正文，网站的导航、标题等重要元素，主要是由文字组成的。/v1/http:/#/HOME/文字设计的补充 字体设计在商业美术设计领域，属于较难的课题，它是图形设计的一支。 在界面设计中，不需要设计者擅长字体设计，但是其应该掌握字体的使用原则。标志及口号性标语http:/www./vegas/文字设计的补充 如：以方正字体为例，栏目标题是大黑体、文章标题是超粗黑体、正文是平黑体。 一般情况下，页面中的字体不要超过三种，如果希望有更多变化，应尽量采用字体相同的字族。文字设计的补充 除此以外，还可以通过色彩对比、大小对比、疏密对比等方法，加强文字排版的审美效果。 单一页面上的文字要相互协调、强弱有致，使其产生和谐的美感。 图片是比文字更为直观的信息类型，也是界面设计核心要素，多数视觉作品多是通过优秀的图形设计和图片取得成功的。信息之图片 通过运用好的图形或图片，可以在第一时间抓住浏览者的眼球。/ 但是如果只有重视视觉美感，只有精美的