关闭顶部展开顶部

初步了解信息架构_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:重新认识button标签
翻译原文:http://diger.cn/article.asp?id=359英文原文:http://particletree.com/features/rediscovering-the-button-element/对每一个程序设计者来说,

结合 一叶千鸟对信息架构的讲解 ,谈谈自己的看法。

我是学信息专业毕业的,考过信息架构师,但是似乎和工作中的了解还是有点区别,就此拿出项目实例和大家分享讨论一下;

一、概念

web上面很多,广而告知的有几个:

  • 信息架构 (information architecture) [名词]

    什么是「信息」?

    信息,数据与知识。
    数据是事实和数据......知识世人脑中的东西......信息正好处在数据和知识之间的混乱地带。
    因此,信息架构的工作在本质上就是将一些数据转化为让人看了或是接触了就可以转化为知识的东西,或者是将某种知识化为数据,让知识可以传递,再利用,或是两者都兼具的设计过程。

    而架构呢?简单的说,它包含三件工作:
    1. 架构设计 (Structruing) --首先他必须决定网站中信息的单元 (atom) 的大小 (或是称为粗细程度, granularity),并决定这些单元之间的关系。
    2. 决定组织方式 (Organization) -- 将这些组件组合成有意义的,具有特色的类别。有时又称为逻辑分类。
    3. 归类(Labeling) -- 给这些你所产生出来的每一个类别一个合适的名称。

  • 信息架构

    即信息组织的方式结构,在网站里,信息架构是一个站点对内容进行分类,并且建立交互来导航这些内容的设计。

    一个有效的信息架构可以让人们按照逻辑直观的,毫无阻碍的一步步地接近他们需要的信息。而设计网站信息的分类,页面的位置,并且协助设计师和程序员完成系统,建立这个有效的信息架构的人,就是信息架构师。

    大多数人只有在找不到他们所需的信息,或者在寻找信息时出现困惑了,才会注重到信息架构的存在。(这意味着你在使用一个设计良好的系统时,感觉不到阻碍,也就不会注重到信息架构的存在)

二、信息架构设计的思考方式

  1. 自上而下,在定义网站的整体结构前,先广泛了解商业意图和用户需求,最后来才考虑具体内容之间的关联。
  2. 自下而上,先理解内容的联系,通过遍历,剧情设计等手段,让该系统能够满足非凡用户的需求,然后才考虑更高层次的结构需要支持这些需求。

在一个完整的项目实施过程中中,这两种方式都很重要,忽略前者,网站内容组织可以很好,但是并不一定符合用户需求,忽略后者,用户可以轻易找到他们需要的东西,但是很难有机会接触到相关的内容。

分享:网页设计中的版式原理--力场
美的形式原理存在于艺术各个门类,网站制作也不例外。好的网站制作必须遵守这些设计原理,将美融汇于网站制作中。网站制作中的页面原理的讲解虽然分十二节进行

共3页上一页123下一页
来源:西贝的交互设计//所属分类:网页设计教程/更新时间:2007-07-30
loading.. 评论加载中....
相关网页设计教程
闂佹眹鍩勯崹閬嶆偤閺囶澁缍栭柛鈩冪⊕閳锋帗銇勯弴妤€浜惧銈忕秶閹凤拷
濠电偛顕慨顓㈠磻閹炬枼妲堥柡鍌濇硶婢ф稒淇婇懠顒夆偓婵嬫煟閵忊晛鐏查柟鍑ゆ嫹
濠电姷顣介埀顒€鍟块埀顒勵棑缁辩偛顓兼径瀣閻庣懓瀚竟鍡欐崲娑斾線鏌i姀鈺佺伈闁瑰嚖鎷�
濠电姷顣介埀顒€鍟块埀顒勵棑缁辩偛顓兼径濠勵吋闂佽鍨庨崟顓фК闂佽閰eḿ褍螞濞戙垺鍋夐柨鐕傛嫹
闂備胶枪缁绘劙骞婃惔銊ョ劦妞ゆ帒鍊哥敮鍫曞箹鐎涙ḿ鐭掔€规洘绻堥弫鎾绘晸閿燂拷
闂備胶枪缁绘劙骞婃惔銊ョ劦妞ゆ巻鍋撻柛姘儑缁﹪鏁傞崜褏鐓撻柣搴岛閺呮繈鎯屽▎鎴犵=濞撴艾锕ョ€氾拷
闂備浇銆€閸嬫挻銇勯弽銊р槈闁伙富鍣i弻娑樷攽閹邦亞鑳虹紓浣靛妽濡炶棄顕i妸鈺婃晬婵炲棙鍨电粭锟犳⒑閸濆嫬鈧骞婇幘鑸殿潟闁跨噦鎷�
闂備礁鎼崯鐗堟叏妞嬪海绀婂鑸靛姈閻擄綁鎮规潪鎷岊劅婵炲眰鍊曢湁闁挎繂妫欑粈鈧梺鍛娚戦悧鐘茬暦閹扮増鏅搁柨鐕傛嫹
婵犵妲呴崹顏堝礈濠靛棭鐔嗘俊顖氬悑鐎氱粯銇勯幘瀵哥畺閻庢熬鎷�
濠电姷顣介埀顒€鍟块埀顒勵棑缁辩偛顓奸崶銊ヮ伕濡炪倖鎸荤换鍐偓姘虫珪娣囧﹪顢涘Δ鈧晶鍙夌節椤喗瀚�
婵犵妲呴崹顏堝礈濠靛棭鐔嗘慨妞诲亾鐎规洦鍓熼、娆撳礂閻撳簶鍋撻悽鍛婄厸闁割偅绻勫瓭婵犳鍣幏锟�
婵犵妲呴崹顏堝礈濠靛棭鐔嗘慨妞诲亾闁哄苯鎳橀崺鈧い鎺嗗亾闁宠閰i獮鎴﹀箛闂堟稒顔嗛梻浣告惈鐎氭悂骞忛敓锟�
婵犵妲呴崹顏堝礈濠靛棭鐔嗘慨妞诲亾鐎规洩缍侀獮瀣攽閸偂绱�
濠电姷顣介埀顒€鍟块埀顒勵棑缁辩偛顓兼径濠勭厬闂佺懓鐡ㄧ换鍕敂鐎涙ü绻嗘い鏍殔婢у弶绻濋~顔藉
闂佽楠搁崢婊堝礈濠靛鍋嬮柟鎯版閻鈹戦悩鎻掓殭闁奸潧缍婇弻銈夋嚍閵夈儱顫嶉梺缁樼壄缂嶄礁鐣峰▎鎾存櫢闁跨噦鎷�
UB闂備礁婀辩划顖炲礉濡ゅ懐宓侀柛銉㈡櫆鐎氭岸鎮楀☉娅虫垿锝為敓锟�
闂備浇澹堟ご绋款潖婵犳碍鐒鹃悗鐢电《閸嬫捇鐛崹顔句痪濠电姭鍋撻柨鐕傛嫹
闂佽楠哥粻宥夊垂閸濆嫸鑰块柛銏㈠殰
闂備礁鎲″缁樻叏妞嬪海绀婂璺虹灱閸楁碍绻涢崱妤€顒㈤柛鐐差槹缁绘稓绱欓悩鍝勫帯闂佺ǹ楠忛幏锟�
缂傚倸鍊烽悞锕傛偡閿曞倸鍨傛繝濠傚椤╅攱銇勯幒宥囶槮缂佹彃婀遍埀顒傚仯閸婃繄绱撳棰濇晩闁跨噦鎷�
©2017 www.mb5u.com婵犵妲呴崹顏堝礈濠靛棭鐔嗘慨妞诲亾鐎殿噮鍣i幃鈺呭箵閹烘挸鐦�
闂備浇銆€閸嬫捇鏌熼婊冾暭妞ゃ儻鎷�&闂備礁鎲$敮鎺懳涢弮鍫燁棅闁跨噦鎷�