18046100975、18960971284

KLOG

知识库

我们严格要求精确到每一个像素

当前位置:首页  》  知识库

分屏式设计,常见的方法有哪些?(1)

文章出处:本站 | 文章编辑:小薇 | 发表时间:2018-03-09

习惯了一栏式的设计,将屏幕一分为二的设计常常会让用户感到更加新鲜。网页中并排的两栏呈现不同的信息,是分屏式设计的最典型特征,两边的信息可以包含相同类型的元素,可以呈现不同属性的媒体内容,比如一边是图片,一边是文本。

 

分屏式设计完美的解决了你需要同时呈现两个不同内容的需求,这种UI界面突出了这两项内容的对等地位,让用户自行浏览,或者作出选择。

 

 

你会发现,分屏式设计不仅仅是一种逐步流行的页面设计趋势,而且非常实际地解决了需要呈现同等重要内容、让用户选择的设计需求。这种呈现方式看起来原始,但是确实有着明显的优势:

·引起用户对于特定区域的注意力

·创造对比

·非常规式的布局

此外,分屏式设计和响应式框架能够很好的结合起来,这种类型的布局特别适合在桌面端大屏幕和平板电脑上使用,同时还能够在小屏幕上以上下堆叠式的方式呈现出来。

在今天之前,我们也曾预测过分屏式设计的流行:《查漏补缺!极有可能被低估的三种有趣的网页设计趋势》

分屏式设计的最佳选项

当你将屏幕划分为两块的时候,两个区域内的内容的重要性是同等的,这也意味着你可以在这个界面中传达双重重要的概念。处于两个对等区块的元素就像阴阳鱼一样,从视觉到功能上,同等重要,互为补充。

活力四射的配色和趣味十足的排版

得益于扁平化设计和Material Design在设计领域的大范围普及,色彩和排版成为了目前设计的主要驱动力。鲜艳的色彩带来视觉刺激,而有趣的排版则让文本更有意思,两者的结合能带来颇为值得一看的设计。

 

 

 

色彩和排版的组合

 

 

 

图片和色块的组合

吸引用户注意行为召唤按钮

 

 


 

分屏式设计在视觉设计可以很有张力,这也意味着身为设计师的你同样可以合理地运用留白创造视觉焦点,将用户的注意力吸引到特定的元素上,这也是行为召唤(CTA)按钮的使用原理。

将屏幕视作一个卡片

分屏式设计本质上是从卡片式设计中延伸出来的,而遵循这一设计原理的网站通常都会将屏幕视作为一个卡片,每一屏都是一个容器,每个卡片都承载一个交互和一条信息。

 


 

文来源于网络,仅供参考及阅读,若有涉及版权,请联系我们,我们将会在第一时间进行删除。锐掌网络有着多年的APP定制开发经验,精准实现企业移动端应用方案,无论是UI和程序开发方面,都有着规范的开发流程、设计品质和进度控制。选择锐掌网络,为您提供移动互联时代全方位服务。若有需求可点击锐掌官网,或联系我们客服进行咨询。
 
    案例地址:http://www.ie9e.com/case-20.html

 


服务热线:18960971284
 
    固定电话:0591- 38128005
 
    联系地址:福州市晋安区长乐北路117号(大润发后)紫阳国际商贸中心23层----福州锐掌网络科技有限公司

 

 

 

相关文章
+ 总结:18个容易忽略的APP设计细节(2)
+ 总结:18个容易忽略的APP设计细节(1)
+ APP服务器与Web服务器的区别是什么?
+ 分屏式设计,常见的方法有哪些?(2)
+ 知乎和Quora高分APP原型设计工具推荐(2)
+ 知乎和Quora高分APP原型设计工具推荐(1)
+ 小视频APP开发定制
+ 浅析电商APP登录注册功能设计差异
15606998352 / 18046100975

关注"锐掌网络"微信

功能介绍
分类 模块 功能点
基本功能 注册登录 邮箱、手机、密码找回
第三方登录 微信、QQ、微博
用户中心 会员首页、用户资料修改更新、第三方登录管理、修改密码、通知提醒列表/详情显示
主内容展示 网站主内容列表/详情、文本搜索、排序、收藏、评论(文字)
高级功能 通知推送方式 邮件通知、短信通知
高级搜索 算法搜索、条件筛选、智能算法推荐
主内容相关 评论(图文)
客户服务 工单列表/详情、在线客服、留言
推广 推荐注册、渠道来源统计、外链流量统计、搜索引擎优化(SEO)
音乐/视频 音乐播放、音乐列表/专辑、音乐播放记录、视频播放、视频列表/专辑、视频播放记录
广告位 广告位展示
文件管理 图片编辑、文件上传下载
高级用户中心 收藏、充值、取现、流水记录
位置服务 附近周边、实时位置跟踪、地点标记、路线规划、导航、其他业务功能
电商功能 相关商品 商品展示、城市切换
活动优惠 优惠券、折扣
积分系统 积分系统设计及展示、商城/兑换
评价系统 评价系统设计及展示、评分评价发布、评价列表、评价评论
配送管理 地址管理、物流跟踪
订单管理 订单列表/详情、订单流程、收货标记
支付 微信支付、支付宝支付、其他类型
社交功能 分享 分享到第三方平台(微信、QQ空间等)、论坛社区
即时通讯 基本聊天、语音聊天、视频聊天
直播 视频直播、弹幕

免费获取开发报价

今天有位雇主获取了开发报价

平台选择:
  • Web
  • Android
  • IOS
页面数量:
功能:
  • 基本功能
  • 高级功能
  • 电商功能
  • 社交功能
服务端:
  • 阿里云2核4G
  • 阿里云4核8G
  • 阿里云8核16G
第三方插件:
  • IM即时工具
手机号码:
*为了您的权益,您的隐私将被严格保密

贵方的开发预算

设计费:

开发费:

服务器: