编辑导语:如何理解和搭建界面设计框架?在构建界面设计框架时,框架网页,产品设计师除了需要考虑到用户需求和用户的使用体验,还需要将竞品设计、媒介属性等方面也纳入考虑。本篇文章里,作者对搭建界面设计框架的几个维度做了总结,一起来看看吧。

框架网页(框架网页中的每个框架窗口显示的是)
讲完需求分析、设计策略、信息架构等概念,终于到了可见的交互设计产物:界面框架。那一个界面的框架究竟是如何设计出来的呢?我们可以从4个维度来寻找答案:
图1界面框架的构建逻辑
分别是用户需求、业务目标、媒介属性和竞品设计。
为什么是这四个维度呢?我相信大家对用户需求和业务目标都没什么疑问,因为这是产品体验设计的基石,我们整体产品设计目标就是想通过满足用户需求,来助力业务目标的达成。
图2各目标之间的关系
frame的最主要功能是用来把一个页面划分成好几个小窗口页面,每个小窗口可以显示不同html文件,这样页面也可以称为框架结构页面,每个月小窗口称作框架窗口,下来将详细介绍框架窗口。
frame在现在已经很少使用,虽然不是必须学习的,但还是建议了解学习下frame、iframe的知识,在某些时候非常有用。
如果想将页面分成上下两部分,各自互相独立又互相关联,框架网页,用户在其中一个部分操作页面不影响其它部分的页面,这样的页面也叫多窗口页面。
1、框架窗口基本结构:
框架窗口主要包含2部分,一个是框架集,一个是具体的框架文件。
框架集就是存放框架结构的文件,也是访问框架文件的入口,如果网页由上下2个框架窗口组成,那么除了这2个窗口的html文件,还有一个总的框架集文件。
总之,导航栏的作用就是在演示时让PPT框架更清晰。
以下是我们在工作场景PPT常见的导航栏:
大家可以看到,构成导航栏的主要元素是:色块,线条以及文字这3种基本元素。
制作起来也是非常简单。只需四步,就能轻松搞定导航栏~
导航栏的制作,框架网页,首先要关注的是你答辩PPT的目录部分,这决定了导航栏的内容数量。
比如,我们的目录部分有四个板块内容,那么相对应的的导航栏,肯定也是四个板块。
对于组成导航栏的元素,就是:色块,线条以及文字。
我们利用排列组合的方式,就能组合出很多不同样式的导航栏。
接下来,我们就是要填充目录部分内容。
第四步:细节美化
这也是最重要的一步!因为导航栏的目的是让导师了解我们的论文演讲进度,所以各位同学要把当前所讲部分在导航条中突显出来,其余部分相对弱化。具体的差异,框架网页,可以在颜色、字体、字号、线条上有所差异。
CopyRight © 2020-2025 潍坊鼎晟信息科技有限公司 版权所有 All Rights Reserved 备案号:鲁ICP备2022029780号-1
提供网站建设,网站制作,seo关键词排名优化,专业建站公司价格实惠,业务涵盖潍坊市、潍城区、寒亭区、坊子区、奎文区、高新区、滨海区、峡山区、保税区、临朐县、昌乐县、青州市、诸城市、寿光市、安丘市、高密市、昌邑市等地区
本站内容部分均来自网络,如有侵权嫌疑,请作者本人留言或直接联系管理员,本网站看到留言后将尽快审核删除!