社会每天在进步这是我们有目共睹的特别是是客户和互联网方面我们更易察觉,例如和我们息息相关的衣食住行,举例:依托于移动互联网的发展移动支付这两年爆发式发展,几年之前人民还在讨论要不要发行500元面值的人民币,而现在讨论时竟是还需不需要人民币,吃个饭从大酒店到路边摊都已经不需要现金了,一个手机走边天下。而我们J9国际集团也是从事互联网行业的,也希望我们的网站建设能为社会贡献微薄之力。
细分到网站建设行业这几年也是风云突变,用户了解信息和交易产品的途径从PC网页版到现在的手机APP的使用已经很大变化,同时也大大压缩了建站市场,所以我们更需要给仅有的客户提供更好的服务,拿出更好的产品和用户体验出来才是客户想要的,那么首先就要从界面设计方面着手,主要有一下两方面:
1、规格尺寸
随着科技※的发展网◎站浏览者✦的显示终□□端越来越□□大分辨率□□□越来越高,我们看下◈目前市场□□比较流行◇的分辨率◉如下图:
以上截图的数据统计来自百度研究院,自2017年7月——2017年12月的数据
1)排名第一的360*640为手机分辨率(第四和第六也是手机),这里对其不做过多阐述。不过也有朋友有疑问了不是现在手机分辨率都很高的了吗,怎么在上面还这么低,因其有倍率问题,参考下图
2)1920*1080排名第二也是PC的主流,此尺寸是23寸和27寸的显示器为主。
3)排名第三◤的1366*768是笔记本□□□□电脑,虽然笔记◇本电脑的□□绝对数量□□□没有台式□□□机多很多,但是基本★所有笔记□□□本的分辨▼率都一致,所以导致☆此分辨率□□排名很高。
3)排名第五的1400*900应该是台式显示器19寸的。
上图看到✦市场是显□□示器尺寸□□□□和分辨率♦千差万别,也正是由△于市场上□□浏览器尺□□□寸繁多所□□以导致网□□□□页设计的□□尺寸也繁◇多,略举几例
A)以上截图❖是网易网□□□□站的首页,其中红线□□□标出的部□□分也就是□□□□网站的主□□□体内容区□□域,尺寸约为970px左右,最小兼容1024*768的分辨率(提出最小□□兼容即更□□□□大的访问❖是没问题□□□的,但是更小◇的就会有□□□□问题),虽然此分□□辨率已经□□基本没有□□市场,但是作为□□□访问量庞□□大的门户□□网站还是□□□□要把能访□□□问放在第♦一位的。
B)此为网站▼新闻栏目✦频道的首□□□页,其中红线•标识区域□□□□尺寸约为1200px最小兼容1366*768的尺寸,1200px也是目前□□□固定尺寸◉网页设计◥中的主流□□□尺寸了,毕竟还有□□□□庞大的笔□□记本用户□□□□必须要考▼虑到(如单纯考□□虑台式机□□的话可以□□□□把网页尺□□□寸再扩大) 再大的话□□□笔记本看□□就会产生▲左右滚动□□□条。
C)响应式自□□□由尺寸,这个就没□□□□有具体尺□□□寸了,而起网站◢的形式和♦具体优势□□前文也已□□□经提到,这里就不□□做说明了,参考链接https://www.nzweibaum.com/news/4076.html
2、设计风格
科技的发•展带来了□□□显示器尺□□寸和分辨□□□□率的变化,但是审美□□□□却不是科□□□□技带来的,而是随着□□□人民物质□□水平的增○高设计师□□□□的不断尝○试做出越◥来越符合□□人民视觉□□□习惯并使✦心情愉悦□□的网站出◥来,一步步的□□提高了网□□□□站的美观□□□□度。对比一下□□□两个网页※设计
以上截图▲来源于12306官网,虽然现在□□还在使用,但是设计□□□风格已经◉很老旧了,设计比较□□繁琐、用的很多□□□元素立体□□□感比较强。
以上截图□□□□来自J9国际集团新版□□网站案例★展示页面,设计比较□□□简洁、风格扁平□□化。
随着社会▲的进步网▼站建设也□□□在积极为□□□□社会进步□□□做出贡献,为人民便□□捷化生活□□□提供服务。