辣眼睛-字体版面之混搭全球网站最丑排行榜设计图鉴

[业界动态] 作者:字体学者 浏览次数: 19/05/23 08:40

某日,逐浪字库设计师发哥问:还记得那只曾在新闻上出现的最丑白虎吗?简直亮瞎眼球!


1.png


这只被誉为最丑白虎的Kenny,它的面貌让人觉得有些奇怪,短鼻、大脸,以及参差不齐的牙齿,这都是近亲繁殖导致的。



但是如果不是亲眼所见,你简直不敢想象,世界上某个角落竟然还存留着一些反人类审美的网站,杀伤力10000+。


前方高能注意,请各同志做好防护措施。



The Big Ugly Website


2.png


同志们看清楚了,网站上那些不该用的东西这都有了。看看这些乱七八糟的元素,让人分分钟有关掉的冲动。

黄色背景色和红色字体让可读性极差,无意义的内容和错乱的文字框让整个网站全无章法可言,非常契合网站的域名风格:一个大写的丑。



The World’s Worst Website


3.png


这个网站是为了强调那些最糟糕的设计特点:黄色背景上星星让人感觉是90年代。然后是右边然并卵的紫色文字框,在网页设计中要注意避免这类无意义而会让人分心的元素。

最后看看背景,因为原图不够大,所以设计师把它平铺展示了….



Thorn Ford Dental Laboratory


4.png


如果网站导航栏下啥也没有,空无一物,就像这个,那可不是个好信号。一个又大又讨厌的Facebook按钮也是没啥必要存在的。

最后,网站千万别用「Welcome to」之类的空话,直接说能给用户带来什么好处就行了。



Arngren


5.png


虽然互联网能帮电商尽可能多地展示商品,但这不意味着你可以一股脑全都往上面放啊…

哥伦比亚大学做过一个研究,挑选出两组人,分别给他们展示24种口味和6种口味的果酱,最后问他们是否想购买。结果有24种口味挑选的那组人,购买转化率仅有3%,相反,只有6种口味的那组转化率高达30%,所以选择太多反而会降低人们的购买欲。

而这个网站首页展示超过50个商品….转化率可想而知。



Jamilin


6.png


如果仅仅是五颜六色的导航栏,这个网站可能还没那么糟糕,但网站头图做成那样到底想传达什么信息呢?



Penny Juice


7.png


有什么能比用Comic sans 字体,彩虹标签页以及对网站一文不值的内容还糟糕的呢?

(注:关于为什么不能用Comic sans,放张图大家感受下)具体可见果壳科普:为什么英语字体的Comic sans是“禁用”?

看完仍不知道Penny Juice 到底是谁。(网站左侧上方有Who is Penny Juice?)


8.png



Ugly Tub


9.png


不知道是因为那个尖叫的女人还是后面的浴缸,让人感觉很不舒服。

注:如果那个女人掉进浴缸到时让人放心些。



Mortimer Lumber


10.png


一个木材销售网站,没有一丁点提到木材质量,点进网站后左上角还有个不停闪的Flash让人分心。



Media Tek


11.png


这是一个不丑但是犯了关键性错误的网站,网站用的视差滚动技术,但直到你滚动到中部才知道这个团队是干嘛的。



Serene Naturist


12.png


难道飘舞的蝴蝶会让你想按摩?这是一个按摩网站,但那个裸女完全不能传达出让人渴望按摩的想法。




Super Video


QQ截图20190522192648.png


如果你喜欢循环滚动的图像和居中的背景,那打开这个网站看看。配色已经无力吐槽了,祝好。



Imprint Technologies


QQ截图20190522192707.png


这个网站最可怕的地方在于…..它最后更新的时间是2015年8月16号,看起来就像是1995年8月的网站。

噢对了,这是一个卖尺子的网站。



Chester Tourist


QQ截图20190522192728.png


另外一个糟糕导航栏的典范。永远记得导航栏要在同一水平线上。




看完这些奇葩的英文网站,设计师都沉默了……

当我们在设计中文网站时,如何能让网站更加美观?


可经引用webfont和优秀字体,其中包括字重的引用,比如font-weidth:100,是代表最细,这里推荐国产逐浪字库是一个不错的选择,这是目前中文业界最开放的字体,其中有:


webfont应用库,地址在www.ziti163.com/webfont

ico图库应用库,地址在http://ico.z01.com

中文字体应用库,地址在http://f.ziti163.com


6368722372505268549312065.png

6368722358808463234358161.png

6368722350862622616329938.png


逐浪字库包括各种风格的字体,想看更多字体?

进入f.ziti163.com,带你领略汉字之美。


点此关闭窗口

快捷键ESC

手机浏览更方便:

辣眼睛-字体版面之混搭全球网站最丑排行榜设计图鉴