收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 7688|回复: 41

[讨论] 一组导航设计对比,求鉴定

  [复制链接]
发表于 2012-1-17 14:24:26 | 显示全部楼层 |阅读模式
刚设计的2个导航
主要功能是对文章进行分类,通过资讯/娱乐/生活快速引导用户找到想到的文章
背景:网站做的是分类新闻整理

请大家看看这2个设计的视觉及易用性方面哪个比较好

设计方案1

设计方案1

设计方案2

设计方案2


发表于 2012-1-17 18:37:27 | 显示全部楼层
第二个改进下会更好。

导航与内容通过高亮的下开口三角连接。
回复 支持 反对

使用道具 举报

发表于 2012-1-18 00:36:26 | 显示全部楼层
第二个比第一个层次分明一点
回复 支持 反对

使用道具 举报

发表于 2012-1-18 09:27:15 | 显示全部楼层
果断选择第二个
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-1-18 20:26:52 | 显示全部楼层
langmuir 发表于 2012-1-17 18:37
第二个改进下会更好。

导航与内容通过高亮的下开口三角连接。

非常感谢,我试试!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-1-18 20:27:51 | 显示全部楼层
fallendust 发表于 2012-1-18 09:27
果断选择第二个

3Q,我知道了,再改进一下,:P
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-1-18 20:28:10 | 显示全部楼层
kuivv 发表于 2012-1-18 00:36
第二个比第一个层次分明一点

3Q,我知道了,再改进一下,:P
回复 支持 反对

使用道具 举报

发表于 2012-2-1 10:51:31 | 显示全部楼层
导航栏如果能表现出父亲儿子之间的关系是最好的,这也是为什么我选择
第一个导航栏的原因。

第1个导航栏层次之间的父子关系一下子就看出来了,所谓继承就是这个意思;父亲(资讯)字小了一点点,稍微大一点的微软雅黑字体就可以;

第2个导航栏同样有优点,选中的链接背景是红色很清楚的表示了用户所处的地方,但是可惜没有设计上的继承感;

如果能融合两个导航栏的优点,就是成功。
回复 支持 反对

使用道具 举报

发表于 2012-2-1 10:56:46 | 显示全部楼层
whitter 发表于 2012-2-1 10:51
导航栏如果能表现出父亲儿子之间的关系是最好的,这也是为什么我选择
第一个导航栏的原因。

这位说的很在路
回复 支持 反对

使用道具 举报

发表于 2012-2-2 10:57:36 | 显示全部楼层
第二个比较好些
回复 支持 反对

使用道具 举报

发表于 2012-2-5 17:17:22 | 显示全部楼层
两个方案做对比:第二个更简洁,大方,与整体页面更融洽。符合WEB2.0思想。第一个导航条的圆角用在整体都是方框的页面中显得比较突兀。
个人更喜欢第二个方案。但是父导航模块之间,与子导航模块之间色调过于接近,使用户不变识别,可以考虑增加对比度,或者用不同颜色来改变,增强对比效果。
回复 支持 反对

使用道具 举报

发表于 2012-2-5 19:18:11 | 显示全部楼层
换我的话会在第一个上改进,比如把子导航的背景色调浅,然后在对应文字底部增加点效果做区分
回复 支持 反对

使用道具 举报

发表于 2012-2-6 14:22:30 | 显示全部楼层
iFo 发表于 2012-1-18 20:28
3Q,我知道了,再改进一下,:P

我也选择第二个,但是建议楼主在二级导航那里加点修改。

不知道楼主修改的结果出来没
回复 支持 反对

使用道具 举报

发表于 2012-2-10 16:35:08 | 显示全部楼层
什么啊  好样的
回复 支持 反对

使用道具 举报

发表于 2012-2-10 17:20:05 | 显示全部楼层
第一个的结构 用第二个的颜色 那点红红的
那就很好了
回复 支持 反对

使用道具 举报

发表于 2012-2-22 17:32:28 | 显示全部楼层
修改后的,可以再看下么
回复 支持 反对

使用道具 举报

发表于 2012-2-23 11:41:20 | 显示全部楼层
不错的设计啊
回复 支持 反对

使用道具 举报

发表于 2012-4-4 20:42:35 | 显示全部楼层
第二个比较突出
回复 支持 反对

使用道具 举报

发表于 2012-4-12 13:37:52 | 显示全部楼层
建议参考下知名网站的吧。两个都不喜欢!
回复 支持 反对

使用道具 举报

发表于 2012-4-18 12:58:00 | 显示全部楼层
果断选择第二个啊。第二个更有层次感,层次感更加分明啊!
回复 支持 反对

使用道具 举报

发表于 2012-4-19 10:42:35 | 显示全部楼层
第一个的结构好些。父子关系
回复 支持 反对

使用道具 举报

发表于 2012-4-24 11:31:54 | 显示全部楼层
喜欢第一个,父子关系继承好,一看就明了
第二个显得有点乱
但是第一个的颜色太单一,设计上有点死板。
回复 支持 反对

使用道具 举报

发表于 2012-4-24 11:32:38 | 显示全部楼层
喜欢第一个,父子关系继承好,一看就明了
第二个显得有点乱
但是第一个的颜色太单一,设计上有点死板。
回复 支持 反对

使用道具 举报

发表于 2012-4-24 11:34:08 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

发表于 2012-5-5 16:32:50 | 显示全部楼层
我是新手!正在学习中!
回复 支持 反对

使用道具 举报

发表于 2012-5-6 18:12:56 | 显示全部楼层
感觉第二个好
回复 支持 反对

使用道具 举报

发表于 2012-5-11 15:23:55 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

发表于 2012-5-11 15:24:17 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

发表于 2012-5-11 17:37:06 | 显示全部楼层
第二个,父子关系看的比较清晰,不过那根线有点挡了,感觉不出来下面二级菜单与当前菜单的关系
回复 支持 反对

使用道具 举报

发表于 2012-5-18 17:57:13 | 显示全部楼层
第一个的结构 用第二个的颜色
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-6-17 21:23 , Processed in 0.109375 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表