《软件界面设计与欣赏课件第二讲1》由会员分享，可在线阅读，更多相关《软件界面设计与欣赏课件第二讲1（34页珍藏版）》请在金锄头文库上搜索。
1、User Interface Design and Appreciation 2009.03主主讲：马 帅软件界面设计与赏析软件界面设计与赏析User Interface Design and Appreciation 信信 息息 没有信息就没有网站。 信息的形式不只是文字和图片，网站的视觉设计也是信息内容的一部分。User Interface Design and Appreciation 信息信息 当我们确立了网站建设的目的之后，就要围绕这个目的对信息进行筛选与编整，并按照重要程度有秩序地排放在页面上。 浏览者可以通过信息的编排，辨析内容的重要程度，接收到来自界面传达的视觉信息。这样，建设
2、方的目的就达到了。User Interface Design and Appreciation http:/ Interface Design and Appreciation http:/www.moma.org/exhibitions/2004/tallbuildings/index_f.htmlUser Interface Design and Appreciation 信息与信息空间信息与信息空间 网站即是信息的容器，也是信息的载体。 它就像一个放置信息的立体空间，有着很多的单元格，将信息分门别类的放置其中。 从信息的分类、分层、列表、更新可以衍生出网站的栏目、子栏目、文章列表及其它信
3、息功能类别等多种信息属性。 做为信息的载体，网站的立意、设计、宣传、发展都和信息内容息息相关。User Interface Design and Appreciation 信息与信息空间信息与信息空间 信息量少，网站就简单。但是设计师可以运用图形、文字、多媒体、版式等手段，巧妙地缓解信息过少给浏览者带来的不信任、不确定感。 网站的大小体现出信息量的多少，信息内容也是建立网站的参考。User Interface Design and Appreciation http:/ Interface Design and Appreciation 信息与信息空间信息与信息空间 信息量多，网站就丰富，但是
4、其信息结构就越复杂，建设工程就越浩大。 也许会因为信息量过于庞大，而无法把几个门类的信息放在同一个网站中。 于是，韩国率先推出了以多个垂直门户并列，形成的家族系列，将多个网站通过同一个品牌形象进行门户墙似的商业推广方案。User Interface Design and Appreciation http:/ Interface Design and Appreciation 信息的形式信息的形式 常见的信息形式主要有：文字、图形图像、动画、音乐等。 作为传播信息的载体，文字和图像承载了90%以上的信息内容。 在网站界面上，处理信息形式之间的协调性和空间感，使它们呈现出一种可读性高、易被浏览者
5、接受的状态，是设计师最主要的工作。User Interface Design and Appreciation 信息之信息之文字文字 网站的绝大部分信息是使用文字形式进行传达的。 对于信息量较小的网站，页面格局创意和文字段落排版设计可以使界面突破平庸。 把文字设计与FLASH动画结合起来，使文字作为视觉元素活用在创意设计中，很多精彩的网站就这样诞生了。 除了正文，网站的导航、标题等重要元素，主要是由文字组成的。User Interface Design and Appreciation http:/www.gardens- Interface Design and Appreciation h
6、ttp:/ Interface Design and Appreciation 文字设计的补充文字设计的补充 字体设计在商业美术设计领域，属于较难的课题，它是图形设计的一支。 在界面设计中，不需要设计者擅长字体设计，但是其应该掌握字体的使用原则。User Interface Design and Appreciation 标志及口号性标语http:/ Interface Design and Appreciation 文字设计的补充文字设计的补充 如：以方正字体为例，栏目标题是大黑体、文章标题是超粗黑体、正文是平黑体。 一般情况下，页面中的字体不要超过三种，如果希望有更多变化，应尽量采用字体相
7、同的字族。User Interface Design and Appreciation 文字设计的补充文字设计的补充 除此以外，还可以通过色彩对比、大小对比、疏密对比等方法，加强文字排版的审美效果。 单一页面上的文字要相互协调、强弱有致，使其产生和谐的美感。User Interface Design and Appreciation User Interface Design and Appreciation User Interface Design and Appreciation 图片是比文字更为直观的信息类型，也是界面设计核心要素，多数视觉作品多是通过优秀的图形设计和图片取得成功的。信
8、息之信息之图片图片 通过运用好的图形或图片，可以在第一时间抓住浏览者的眼球。User Interface Design and Appreciation http:/ Interface Design and Appreciation http:/ Interface Design and Appreciation http:/ Interface Design and Appreciation http:/ Interface Design and Appreciation http:/ Interface Design and Appreciation http:/ Interface D
9、esign and Appreciation http:/ Interface Design and Appreciation http:/ Interface Design and Appreciation http:/ Interface Design and Appreciation 但是如果只有重视视觉美感，只有精美的图形或图片，而忽略了我们建设网站的核心目标高效准确地传递传递信息信息，客户也是很难认可的。信息之信息之图片图片User Interface Design and Appreciation 初稿方案信息之信息之图片图片User Interface Design and Appreciation 定稿方案信息之信息之图片图片User Interface Design and Appreciation http:/
