界面设计 UCS格调
分析方法
14种版面
U硬网格型：突出实用性，显得拥挤，而缺少轻松的感觉
U软网格型：随和、开放
U均等型：理性、冷静、平稳、安静、理智
C方版市场型：随和、健康、自由；照片文字自由配置
C自由市场型：扣底版、方版、羽化版随便用
C软市场型：多用圆版、羽化版；圆形、椭圆、大曲线。女性的优美
（C三种类型排版共同特点：没有限制、网格自由、外向）
S流水型：信息量少、空白多、没有中心
S破对称型：对称、但又稍微打破对称
S卫星型：小圆包围；安定、开放
S对称型：照片、文字均等配置；安定、稳重
S全照片型：戏剧性强
S白底大照片型：故事性、理性（白底）
S偏侧型：没有突出轻快随和的感觉、强调一侧
S对照型：时尚趣味（少）、实用（多）
U硬网格型：突出实用性，显得拥挤，而缺少轻松的感觉
U软网格型：随和、开放
U均等型：理性、冷静、平稳、安静、理智
C方版市场型：
随和、健康、自由
照片文字自由配置
C自由市场型：扣底版、方版、羽化版随便用。
C软市场型：多用圆版、羽化版；圆形、椭圆、大曲线。女性的优美。
C三种类型排版共同特点：没有限制、网格自由、外向。
S流水型：信息量少、空白多、没有中心
S破对称型：对称、但又稍微打破对称
S卫星型：小圆包围；安定、开放
S对称型：照片、文字均等配置；安定、稳重
S全照片型：戏剧性强
S白底大照片型：故事性、理性（白底）
S偏侧型：没有突出轻快随和的感觉、强调一侧
S对照型：时尚趣味（少）、实用（多）
S出血照片
S白底表示理性
信息量：
信息量多、少或中等，会导致格调发生变化。
大：实用U
中：随和C
小：精神S
照片多＝信息量多
照片大＝信息量少
增加小标题，显得信息丰富
谋求上品、有高级感的画面，减少小标题
静动性：
有些倾斜的动态是自然的
大胆的倾斜（动）则表示非日常性
照片主体的垂直、水平、和动态就是静动性
照片的外形（轮廓）比主体的静动性能发挥更大的影响力
图像的表现是由作为内容的主体和外侧的轮廓一起构成的。其外侧，即外形（轮廓）有方版、抠底版、羽化版、出血版。方版是静态的、抠底版的变化多，是动态的。
主体垂直显示正直
倾斜显示活力
水平显示平静雅致
标准的照片版型是方形的，称为方版。此外还有沿图的外形抠底、市轮廓羽化等版型。仅仅改变这些照片的版型就能使格调发生变化。随意性的抠底更强调随和性，方版则加强了理性
（注意羽化的效果）
方版仅仅由水平、垂直线构成，没有浪费，很稳重，表达实用性和精神性的画面都很合适。
扣底版轻松，羽化版有感染力。沿照片的图像外形抠底后，强调了自由的曲线和倾斜线，造成了开放的形象。图像的外边缘经过羽化或椭圆形处理后，变得安稳，羽化使图像与背景的对比关系弱化，会形成优雅、内向的形象。
出血版有内向性，横幅覆盖的出血版也就是把版面式样的全照片型，表达了内向的趣味性。四边由水平、垂直线包围，也是方版的一种。因为不含斜线，排除了活泼性，表达了高格调和趣味性。
图文率：
照片、插图等画面与文字的比例称为图文率，表达了版面的视觉度。
文字是理性的，照片是情绪化的
重视情绪和氛围的商品，以照片为中心的表现最为合适，要尽量少用给人廉价实用品印象的说明性文字，而以照片显示商品的魅力。
跳跃率：
大标题字和版面主体的正文的大小比例称为跳跃率。跳跃率对格调有很大的影响。
跳跃率最小的是s格调，其次是u格调，最大的是c格调。
小跳跃率是雅致的、清淡的
小标题字给人的感觉是高雅的、平静的。表现清雅稳重的S格调，与内向的形象相吻合。
中跳跃率表达实用性
标题不大也不小，表达有节制的、诚实的形象。既不消极，也不张扬，传达出确切的功能性形象。
淡的背景： 虽属淡色类型，仍然是有背景色的，有明朗的感染力
浓的背景： 浓的背景是内向性的，加上对称性表达了厚重的格调
原PPT链接：
版面设计（上）
版面设计（下）
课件下载：
https://download.csdn.net/download/weixin_43673589/12920964
界面设计 UCS格调相关推荐
- 想要有设计有格调|这波PSD时尚渐变创意海报模板，没跑
渐变在平面设计时代有刮来一阵风,这阵渐变风的复出包含了大量平面元素,特别是颜色.渐变中一些最大.最大胆的颜色示例是直接从平面设计调色板中"借用"的色调. 这些颜色选择有助于渐变的现 ...
- 美图秀秀-美化图片之【特效】界面设计
本文是特效界面设计,在美图秀秀的特效模块主要是实现图片添加滤镜效果,界面挺炫的. 界面包含黑边和虚化按钮,4种类型的滤镜,每种类型又包含许多具体滤镜效果,当我们点击时候开始处理图片 1.加载图片 se ...
- XMPP通讯开发-好友获取界面设计
在XMPP通讯开发-服务器连接 中我们成功连接到服务器上面,然后进入到主界面,接下来就是获取好友列表,这里我们分段开发,首先就是界面的设计,这里仿照QQ好友界面,里面的数据先是用模拟的,下一章获取服务 ...
- 对WEB前端的几段思考（一）——界面设计和性能优化（整理中）
尽管我并非艺术出生,既没有任何设计基础,又没有较高艺术涵养,也深谙在短时间内创造一定艺术造诣并非易事,但是既然当初选择从事网站前端开发,我的目光不能仅停留在前端代码上.作为一名志向在前端领域发展的人员 ...
- UI培训教程分享：APP启动页UI界面设计
本期为大家分享的ui培训教程是关于APP启动页面的UI设计方面,作为一名合格的UI设计师,APP产品的启动页是需要会的,下面就来看看详细的教程吧. UI培训教程分享:APP启动页UI界面设计 启动页面 ...
- Java图形化界面设计——容器（JFrame）
Java图形化界面设计--容器(JFrame) 程序是为了方便用户使用的,因此实现图形化界面的程序编写是所有编程语言发展的必然趋势,在命令提示符下运行的程序可以让我们了解java程序的基本知识体系结构 ...
- JQuery EasyUi之界面设计——前言与界面效果（一）
为什么80%的码农都做不了架构师?>>> 如果冯巩的开场白是"观众朋友们,我想死你们了",那么我的开场白是"最近一直很忙,很久没有发文了" ...
- 浅析网页界面设计——首页设计
杨科宇曾发表过一篇文章<浅析网页界面设计--首页设计>,文中为我们分享了如何进行首页的界面设计.现转载于此,供大家借鉴学习.全文如下: 首页设计,需开宗明义突出主题 开宗明义,无论是对于一 ...
- 吸墨网iPhone手机客户端界面设计
最近我们开发的一个iPhone应用程序,个人觉得界面设计得不错,拿出来跟大家分享一下.应用程序近期会在AppStore提供下载,敬请关注本博客和吸墨网. 1.主导航 2.用户登录和用户注册 3.免 ...
最新文章
- 企业组网为组织带来什么便利性和实用性？—Vecloud微云
- mysql按特定的顺序_如何在MySQL中按特定顺序排列数据？
- 大学生如何让自己的简历闪闪放光？
- 释疑のABAP内表的比较
- SQLServer—端口概念
- 【Linux】一步一步学Linux——declare命令(217)
- linux下的FTP服务配置
- $《第一行代码：Android》读书笔记——第5章 Broadcast
- Photoshop 入门教程，处理图层「2」了解图层基本知识
- java产生随机数(可个性化定制)
- 百行征信出首招，发布授信 反欺诈 核验三款测试产品
- 汽车故障诊断技术【12】
- 微信小程序统一服务消息接口
- 新视野大学英语(第三版)读写教程4答案
- r语言如何计算t分布临界值_「SPSS数据分析」SPSS差异分析（3）独立样本T检验操作步骤及解读...
- 《中国医学大成》目录
- USACO-Section 3.2 Feed Ratios（枚举）
- spaCy的方法进行训练一个新的招投标实体标注模型
- 【SpringMVC】SpringMVC模型数据+视图解析器
- 【用例】研究生招生报名管理系统设计