当前位置

EmojiAll的语言和功能选择页

James Qi 在 2021年11月4日 - 17:07 提交

EmojiAll.com是一个多语言网站,我们以前在是根据用户浏览器语言设置来进行302跳转,后来采用CDN后取消了这种做法,用户进入的时候是什么语言就留在某种语言浏览(例如进入网址是https://www.emojiall.com/zh-hans/就留在简体中文版),当然,也可以自己选择切换语言。而https://www.emojiall.com/这个不带语言路径的网址就默认跳转到英文版本https://www.emojiall.com/en/

不过我看维基百科很多年了,觉得其非某种语言的首页还是很有特点的,让用户进入https://www.wikipedia.org/后可以自己选择语言:

 

上面可以看到,这个首页提供了语言选择、搜索框和下方的其它姊妹项目链接。

我觉得这样的模式还不错,简洁明了,所以我也和我们同事说想做一个语言和功能选择的首页出来,并把这个链接发给同事参考。

我们的设计师自己去查阅了大量网站,发现维基百科这种首页很罕见,也没有其它类似网站首页供参考,所以考虑使用企业网站比较常见的Landing页面(也叫形象页)来做,讨论、酝酿、设计、实现,穿插在其它工作中边考虑边做边改,陆陆续续用了几个月的时间,前段时间终于推出来了:

手机查看的时候搜索框在最上方,然后是语言选择,再下面是其它板块的链接。

而采用响应式设计,电脑查看的时候可以一屏看到下面所有板块:

另外还有一些技术细节,例如js判断当前浏览器语言设置,给出最初的语言提示等等。

欢迎来这里观赏品鉴:https://www.emojiall.com/ 以及提出自己意见🤝

自由标签:

评论

添加新评论

Plain text

  • 不允许使用HTML标签。
  • 自动将网址与电子邮件地址转变为链接。
  • 自动断行和分段。