Web界面设计基本原则 6.明确的导航设计 口网站首页导航应尽量展现整个网站的架构和内容;另外导航 要能让浏览者确切地知道自己在整个网站中的位置,可以确 定下一步的浏览去向。 矛 上古利 导 形 时代 力丁 SHANDONG UNIYEKSETY
Web界面设计基本原则 ◼ 6．明确的导航设计 ❑ 网站首页导航应尽量展现整个网站的架构和内容；另外导航 要能让浏览者确切地知道自己在整个网站中的位置，可以确 定下一步的浏览去向
实例 【有机原科】 二甲基海因 氯乙醇 氟苯 三氯乙酸 灾难性目录 草酸 偶氮化合物 磺酸衍生物 有机溶剂 其它有机中间体合成材料中间体 染料中间体 医药中间体 农药中间体 其它有机化工原料 口找"苯甲酸苄酯 有机酸盐 胺一酮醛 酚 硝基物 羰酸 醇 杂环 芳烃 烯烃 炔烃 异佛尔酮 缩醛 无水乙醚 四氯化碳 三氯乙烯 甲苯 混苯 二氯甲烷 二甲苯 丙酮 2氯2甲基 1,4-二氧六环 吲哚醌 均苯四甲酸二酐 间苯二甲醱5磺酸钠 0-溴丁酸 2溴丁酸 异丙基氯甲基碳酸酯 四甲基胍 三聚乙醛 三甲胺盐酸盐氰乙酰胺 甲基丙烯酸羟乙酯 甲基丙烯酸羟丙酯 甲醇 β-溴苯乙烷 44联苯二的 2羟基联苯 麝香 松香 氯乙酸乙酯 邻甲氧基苯甲醛邻甲基苯甲醚 二苯甲酮 苯乙酰氯 苯甲酸苄酯 苯甲醚 5-甲基喹喔啉 甲氧基苯甲醛 噻吩-2,5-二羰酸吲哚醌 原丙酸三乙酯 异烟酸乙酯 阳离子蓝 SD-GRL阳离子金黄8DL 四氯嘧啶 水溶N甲基苄胺 氢化钠 硫酚乙醛 邻硝基对氯苯胺 邻硝基苯胺 邻氰基对硝基部氯对硝基苯胶 扩散剂NNO 甲基磺酰氯 胡 红色基KD 分散黄114澆饼 分散红277饼 对溴氟苯 对氯苯甲腈 对氯苯磺酰氯 对甲基苯甲酰氯 对氟苯甲醛 对氨基甲苯邻磺酰苯胺 对氨基苯甲醚 大红色基LG 大红色基 丙二醛乙缩醛 SHANDONG UNIYEKSETY
实例 ◼ 灾难性目录 ❑ 找"苯甲酸苄酯
视觉搜索眼动模式 口 Horno缃和 halverson提出的两种视觉搜索策略。圆圈表示用 户的注视点,圆圈的连线表示视线经过的路径。搜索整列由 6个 group组成,每个 group包含五个搜索项。左图为无标签 (相当于无一级类目)时的混合搜索策略(12个注视点) 右图为有标签时的层次搜索策略(7个注视点)。 [K4X ACL VUT HAT YEL 山东子 SHANDONG UNIYEKSETY
◼ 视觉搜索眼动模式 ❑ Hornof和Halverson提出的两种视觉搜索策略。圆圈表示用 户的注视点，圆圈的连线表示视线经过的路径。搜索整列由 6个group组成，每个group包含五个搜索项。左图为无标签 （相当于无一级类目）时的混合搜索策略（12个注视点）， 右图为有标签时的层次搜索策略（7个注视点）
Arts Home Yo Regional Movies. Music. Television Consumers Homeowners family Asia, Europe, North America Business Kids and Teens Science Companies, Finance, Jobs,.. Computers, Entertainment, School,. Biology, Psychology, Physics Computers News Shop Internet. Hardware. Software Media, Newspapers, Current Events,. . Autos, Clothing Gifts 目录设计 Games Recreation Society Board, Roleplaying, vider Food. Outdoors. Travel ssues, People, Religion Health Reference Sports Alternative, Fitness, Medicine,. Education, Libraries, Maps, Basketball, Football, Soccer google directory的目录设计 Arts Health (36) News (14) Science (12) Crafts Alternative Medicine Magazines Agriculture Photography Beauty Media Biology Television Fitness Online Environment Visual Arts Health Insurance Television Technology Business (57) Home (30) Recreation (37) Shopping(58) Financial Services Do-It- Yoursel Cars and Trucks Clothing Insurance Home Improvement Humor Furniture Manufacturing Personal Finance Outdoors Home and Garden Real estate Pets Computer(32) Internet (21) Reference Education (26) Society (26) Directories Colleges and Universities Law Hardware Hosting Continuing Education Politics Multimedia Internet Marketing Languages Relationships Software Web Design and Development Vocational Education Religion and Spiritu alivedirectory. com 的目录设计(山求子 SHANDONG UNIYEKSETY
◼ 目录设计 alivedirectory.com的目录设计 google directory 的目录设计
Web界面要素设计 1.Web界面规划 2.文化与语言 3.内容、风格与布局、色彩设计 4.文本设计 5.多媒体元素设计 SHANDONG UNIYEKSETY
Web界面要素设计 ◼ 1. Web界面规划 ◼ 2. 文化与语言 ◼ 3. 内容、风格与布局、色彩设计 ◼ 4. 文本设计 ◼ 5. 多媒体元素设计