‘交易页面’设计——从21:9宽屏幕到375px屏宽的响应样式·

金融类“交易页面”为整个网站用户访问时间最久的页面,所以做到网页端响应到所有屏幕,是一件蛮重要的事情 😉

下面展示从超宽屏幕到iphone7设备的设计效果图。


 

1.苹果手机显示样式1024px 以下屏幕显示(375 x 667 设计稿):

 2. ipad / 常用12寸显示器 1024~1440之间显示(1024 x 798 设计稿):

3. 主流15寸显示器  屏宽:1440px~1920之间显示(1440 x 900 设计稿):

4. 主流27寸、24寸的显示器  屏幕宽度:1920 ~2560 之间显示(1920 x 1080 设计稿):

5. 宽屏幕显示器 屏幕宽度:2560 px 以上的显示器(2560 x 1080 设计稿)这类显示器基本为游戏重度玩家: