有感于小米官网的中英文版本号的差异

早上打开小米,由于操作系统是英文的,所以默认是英文版本号的小米。竟然跟我之前打开的小米界面不同!

!简洁的界面很吸引人注意。仅仅有六个菜单项和一个全屏宽度的slider。

我还是习惯性切换到中文简体。一切换就回到了我之前看到的小米的界面,10个菜单、搜索框和大块的类别区域占领了首屏的大量空间,并以“F”型的阅读习惯来看,这部分空间的重量相当之大。加之冗长的网站内容,一共达5屏之多。

截图说话:

.COM的精彩看点:

1.布局舒服。採用1+3,(苹果是1+4)

2.白底符合欧美人的阅读喜好

3.全宽度的slider视觉效果好。符合如今大屏炫彩的潮流

4.菜单项少,没有过多选择导致的无所适从,

5.首页没有搜索框,事实上来这里的人往往都不是是从搜索框開始的,而是有明白的目标

6.按产品线制定菜单,不分散用户过多精力

7.slider的左右翻页的icon一直在,让人知道怎样抵达下一个slider。(中文版slider上没有圆点标示,也没有左右翻页的icon,感觉像是自己主动显示,偶然发现悬停时会有翻页icon出现)

.COM的希望:

1.F11全屏之后不全然是一整屏,而是有滚动栏,比方apple,不管F11与否,全然做到全屏显示,没有不论什么滚动栏存在,像是专门为你的显示尺寸量身定制,非常完美的首页效果

2.产品页的图片精度能够,就是优化还不够,打开页面好久才缓慢载入完成,需进行性能和视觉效果的更好平衡。

3.slider不是必需刚好跟菜单全然对比,那样失去slider的意义,能够以小米文化和活动作为宣传重点。整站会更有层次

4.有的页面打开是当前页面,有的打开是新开tab,不统一

5.英文网站的部分链接打开是中文页面,有点怪异

6.首页是白底,产品页突然有了灰色底色,中间部分又是白底,屏幕因此显得局促,而没有全白的底色显得统一和宽敞。

7.产品页的布局和视觉冲击力不如中文版。

8.slider的视觉冲击力不够,颜色不大气。饱和度不够。

时间: 2024-10-12 12:25:37

有感于小米官网的中英文版本号的差异的相关文章

有感于小米官网的中英文版本的差异

早上打开小米,因为操作系统是英文的,所以默认是英文版本的小米.居然跟我之前打开的小米界面不同!!!简洁的界面非常吸引人注意,只有六个菜单项和一个全屏宽度的slider. 我还是习惯性切换到简体中文.一切换就回到了我之前看到的小米的界面,10个菜单.搜索框和大块的类别区域占据了首屏的大量空间,并以"F"型的阅读习惯来看,这部分空间的重量相当之大.加之冗长的站点内容,一共达5屏之多. 截图说话: .COM的精彩看点: 1.布局舒服,采用1+3,(苹果是1+4) 2.白底符合欧美人的阅读喜好

html css 模仿小米官网搜索框

写网页效果,掌握html,css,唯一的捷径就是多模仿,多练习.小米官网的搜索框效果看似简单,实际写代码的时候才发现要掌握好多css知识才能完成效果.浮动.导航条.鼠标经过.定位.文字框效果实现.js效果实现等等.下面这段代码仅仅用html.css写出了基本的样子,js效果,鼠标经过.点击事件,光标定位效果都还没有实现. 效果原图见小米官网:http://www.mi.com 搜索效果切换图: 最终效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

有感于DELL官网的修正速度和服务态度

最近打算购买笔记本,经常浏览dell官网,最近出了一个新型号,全新Vostro成就15 3000系列,其标注的重量,令人非常惊奇,15寸,-1kg. 询问官网的网上链接,在问问题之前,必须先回答一堆他的提问,然后转给一个销售,销售的回答是以官网为准. 问"-1kg是1公斤"吗? 回答,是的.再问采用了什么创新工艺,能使重量减少一多半,然后就再无回音了.询问了几个销售也是如此. 其中一个说,DELL的新机型重量都大幅减少,这个也不例外.更加迷惑了. 今天,再次浏览,发现重量已经改为了 2

小米官网的css3导航菜单

HTML代码: 1 <div class="nav"> 2 <ul> 3 <li><a href="#">首页</a></li> 4 <li> 5 <a href="#"> 6 小米手机 7 <div class="xs"> 8 <div class="xiao"></div>

用jquery插件写一个小米官网左侧二级菜单

知识点:静态布局思路,jquery动态布局,代码格式规范,jquery插件调用, 鼠标滑动二级菜单构建. html代码: <div id="Tz_banner"> <ul> <li class="firstLi">手机 电话卡 <div class="info"> <ul> <li><a class="title" href="#"

网页常用动态效果--小米官网轮播图

关键在于层级关系 HTML代码: div.box>ul+ol+span*2(ul层级1,ol层级2,span层级3) ul>li*5>img(注意可以将首个li的z-index定为10) ol>li*5 CSS代码: .box{ width:992px; height:420px; position: relative; overflow:hidden; } .box ul{ position: relative; z-index:1; } .box ul li{ position

小米官网的设计 致敬

小米官网制作注意事项

注意事项 1.先规划布局 2.写一个css里面放 body{ margin: 0; padding: 0;}ul{ margin: 0; padding: 0; list-style-type: none;}a{ text-decoration: none;} 3.起名一定规范 4.注意注释  方便查找 5.定位问题  会导致布局偏移 6.如果要图片不随缩放而改变,图片所在的div和图片本身都不要设高.如果只给div设高,图片不会改变,但会遮盖下面内容,如果也给图片设高,高度会缩放. 难点: 1

各大公司官网都有哪些显而易见的Bug?

备注:以下(一-五)均为PC端网站复现的问题~~(六)为移动客户端问题~! 一.QQ邮箱-定时发送功能.选择"年"时只能逐年选择.如:不可以直接选择到2028年. 操作步骤: 1.进入QQ邮箱,录入好发件人.主题等信息 2.点击"定时发送"按钮 3.在下拉框中选择"年" 实际结果: 1.只能选择上一次年份的次年,如上次选择的是2018年,则此时最多可选择到2019年. 2.点击"取消"后,再次进入定时发送,最多可以选择到202