维基百科讨论:2012年首页设计建议/草案/Danielinblue
外观
设计简介
[编辑](最早的版本请看这里。)
这个版本主要参考了意大利语维基首页等几个版本,希望可以通过这个草案,向大家提供一个平和、传统一点的选择。个人看法是,维基百科首页并不同于一个公司或者商业网站,并不需要通过设计形式让浏览者印象深刻、向他们传达什么理念或者形象,而是应当尽量弱化形式,强化网页本身的内容,让浏览更方便,其实传统的维基首页已经可以了。下面是些具体形式:
- 分栏比例:感觉意大利语维基首页的分栏比例最好了,既有层次,又保证左右换行宽度阅读比较轻松。
- 边框:蓝色细边框和维基百科其他部分一致。较小的圆角和中文更协调同时显得柔和一点(另外按照Shizhao意见使用尖角的版本),除了下面其他维基媒体的圆角比较大可以和那部分比较多的大图标协调,同时区别于百科内容。
- header:个人感觉这部分最好还是使用一句话而不是“维基百科”大标题一样的四个字,因为大标题一样的会和最左上角维基百科标志重复有冲突,用一句话显得友好平和一些。header用阴影突出一点,区别于下面栏目。背景图有几个不同的版本,具体请看意见收集,背景还可以再改进。
- 图标:重新画了一组图标,呼应维基标志,感觉还得再修改= -,或者使用意大利语那组图标或者不用图标也行。
别的想到再说:) --Danielinblue(留言) 2012年12月19日 (三) 10:59 (UTC)
意见收集
[编辑](!)意见:图标的确怪怪的,模糊到不清楚(包括字和图)。头部的话右边会凸出去。其他除了季情季景放在这里怪怪的以外都还好。-哆啦A梦220‧284-世界末日将到来!(大误) 2012年12月19日 (三) 11:10 (UTC)
- 啊,突出去是什么情况?--Danielinblue(留言) 2012年12月19日 (三) 11:16 (UTC)
- 右图,在Google Chrome缩放175%的情况下会变这样。
-哆啦A梦220‧284-在Google Chrome缩放175%的情况下会变这样 世界末日将到来!(大误)2012年12月19日 (三) 11:34 (UTC)- 了解了,谢谢@@--Danielinblue(留言) 2012年12月19日 (三) 11:40 (UTC)
- 右图,在Google Chrome缩放175%的情况下会变这样。
- 维基百科整个的UI就没圆角,首页用圆角有些怪异--百無一用是書生 (☎) 2012年12月19日 (三) 12:24 (UTC)
- 谢谢您的意见! --Danielinblue(留言) 2012年12月19日 (三) 13:09 (UTC)
- (+)支持:右上角有各个学科的分类感觉很好,这样比较像百科全书--天天のPooh(留言) 2012年12月19日 (三) 17:40 (UTC)
- 我也觉得:),毕竟大多数人是过来查东西--Danielinblue(留言) 2012年12月20日 (四) 15:18 (UTC)
(+)支持:这个设计很简洁,只是那个背景图案有些差强人意。二十八星宿(留言) 2012年12月20日 (四) 09:42 (UTC)
- 有个想法是这个背景图的形式比标志灵活,碰到特殊的日子可以换不同的。--Danielinblue(留言) 2012年12月20日 (四) 15:18 (UTC)
- 不过每日图片可以放左边吗?在我这边看起来图片会压缩到介绍。-哆啦A梦220‧284-
世界末日将到来!(大误)2012年12月20日 (四) 09:53 (UTC)
- 您的意思是这样吗?或者加上一点效果呢?之前说到的图标问题我之后有时间再试着改成矢量图。--Danielinblue(留言) 2012年12月20日 (四) 15:18 (UTC)
- (!)意见1.我注意到Wikimedia-logo.svg这个文件有个白底(我不清楚是不是有意如此),所以我是将其放在白底框上的,而你放在淡蓝底上…;2.你的标题图标创意很好,但用色不太漂亮(不妨取logo样式),而且都是模糊的。模糊主要是线条没有对准像素,这种模糊不能通过矢量图解决;3.所有的背景图案都差强人意或不佳:许多都明显发白而不是那种透明色、维基标志尺寸与左上角差别不大显得重复,要用就要大的、拼图图案太“剪贴画”了、地球那张图挑得好糟。--林卯(留言) 2012年12月21日 (五) 03:35 (UTC)
- 谢谢您的意见,也让我受益不少:) 1.那个图我也用了白底是想把下面那个蓝边框标志下面露出来的部分遮住,标志本身背景透明缝隙里露出边框不太好看,不过用白底也会把下面蓝色遮住(您眼睛好尖!),因此现在改成这样。2.了解logo的样式,不过画法还不太熟悉,先去学学。3.背景图我个人其实倾向最早那个模糊的,具体改进方向还不清楚,不知您有没有什么想法?--Danielinblue(留言) 2012年12月21日 (五) 15:34 (UTC)
- >1.呃,确实透明背景效果也不好。而且这圆角好大 =_,=…已经是底栏了,我觉得不必用改变底色或圆角凸显它,不妨用我的方案吧。>3.背景图可以不自制,我的处理方法不妨看看?--林卯(留言) 2012年12月26日 (三) 00:44 (UTC)
- (+)支持个人很喜欢DGideas 2012年12月22日 (六) 16:38 (UTC)
- 谢谢您的意见,也让我受益不少:) 1.那个图我也用了白底是想把下面那个蓝边框标志下面露出来的部分遮住,标志本身背景透明缝隙里露出边框不太好看,不过用白底也会把下面蓝色遮住(您眼睛好尖!),因此现在改成这样。2.了解logo的样式,不过画法还不太熟悉,先去学学。3.背景图我个人其实倾向最早那个模糊的,具体改进方向还不清楚,不知您有没有什么想法?--Danielinblue(留言) 2012年12月21日 (五) 15:34 (UTC)
(!)意见看了一圈还是喜欢这个。不过首页横幅把上面的通知栏压住了,我是火狐14。还有,“全部分类”为什么是指向首页的?另外,我个人建议可以在Portal下面加一行“你也可以参与”之类的话导向新手入门。——全麦面包 (请张嘴) 2012年12月25日 (二) 03:20 (UTC)
- 谢谢您的意见~抱歉今天才上。试着加了些导览信息,在这里,上面通知栏或许是因为这个加了个白底模仿正式主页效果,正式应该无大碍吧。-- Danielinblue(留言) 2012年12月27日 (四) 15:33 (UTC)
- (!)意见:整体设计不错,只是有四点意见:最底部的栏目用了较大弧度的圆角,风格似乎与上方用了较小弧度圆角的栏目不太协调;另外免责事项及方针政策的连结有待修正;还有每日图片如果要放右栏,建议文字放在图片下方,因为现在我用1280x1024分辨率来看,首数行文字每行只有四至五字;最后我个人不太喜欢季情季景栏目的存在。--沙田友(留言) 2012年12月26日 (三) 06:51 (UTC)
- 谢谢!请看这个,把每日图片放到左边,下面圆角也改掉了,不过我在想或许下面关于其他维基媒体的部分或许形式可以和正文部分有区别。--Danielinblue(留言) 2012年12月27日 (四) 15:33 (UTC)
- (!)意见,不错,布局和配色都很好——Sakamotosan 2012年12月26日 (三) 13:09 (UTC) 谢谢~ --Danielinblue(留言) 2012年12月27日 (四) 15:33 (UTC)
- (+)支持:仅从界面板式上来说,这是截至目前(2012年12月29日)我看到最好的一版。其他版或者变动过大恐造成访问者一段时间的不适应,或者巨大图片使用过多会使得首页载入缓慢以及耗费不必要的大量流量。--晒太阳的冰(留言) 2012年12月29日 (六) 08:29 (UTC)
- (!)意见:建议不要强制指定优先使用微软雅黑字体。——武铁辆玻 ⇋ 意见簿 2013年1月1日 (二) 14:22 (UTC)
- 同上,反对以“某字体较美观”为理由指定任何字体。Liangent(留言) 2013年1月1日 (二) 14:33 (UTC)
- ( ✓ )同意我是强强强强强仔(跟我说话吧~) 2013年1月2日 (三) 06:11 (UTC)
- 谢谢各位的意见!改用原字体的在这里,之前用到微软雅黑是因为觉得默认字体大字号时显示效果不太好,另外感觉标题用无衬线体显得比较醒目和轻松。--Danielinblue(留言) 2013年1月2日 (三) 16:47 (UTC)
- 若需使用无衬线字体,建议直接使用通用名font-family: sans-serif。Liangent(留言) 2013年1月2日 (三) 16:53 (UTC)
- 可能是我用法不对,在chrome上sans-serif对中英文都不起作用,在IE上只对英文起作用,不知道怎么解决。--Danielinblue(留言) 2013年1月2日 (三) 17:31 (UTC)
- 浏览器设置对吗?Chrome的Settings里面的Web content小节有个Customize fonts按钮。Liangent(留言) 2013年1月3日 (四) 03:39 (UTC)
- 应该没问题啊,chrome设置里sans-serif对应的是Arial,但是显示的明明是衬线体,另外即使可以显示非衬线的Arial,应该也会因为字体不支持中文而显示衬线的宋体吧。另外我发现IE上英文显示成非衬线体也并非使用sans-serif功劳,而是维基百科全部英文在IE上都显示成非衬线体,中文则全部是衬线宋体。(突然发现在chrome和IE上连显示内容都有差别,比如“用户”和“user”。。)--Danielinblue(留言) 2013年1月3日 (四) 14:50 (UTC)
- 谢谢各位的意见!改用原字体的在这里,之前用到微软雅黑是因为觉得默认字体大字号时显示效果不太好,另外感觉标题用无衬线体显得比较醒目和轻松。--Danielinblue(留言) 2013年1月2日 (三) 16:47 (UTC)
- 中文的非衬线体应该是黑体或微软雅黑--百無一用是書生 (☎) 2013年1月4日 (五) 01:06 (UTC)
- 了解,因此不强制设置字体就是宋体了。--Danielinblue(留言) 2013年1月5日 (六) 04:14 (UTC)
- (!)意见,“包含658,774个条目”,可以用“已有”而不是“包含”,因为条目数不断增长。标志图像宽度截取更小一点,好像右半都是空白的吧,这影响放大状态时的版式--YFdyh000(留言) 2013年1月25日 (五) 13:54 (UTC)