页面设计布局

css代码：.yj{    padding:10px; width:300px; height:50px;    border: 2px solid #000000;    -moz-border-radius: 15px;     -webkit-border-radius: 15px;     border-radius:15px;           } -moz-border-radius: 15px; -webkit-border-radius: 15px;  这两个是为了兼容其他一些不常用浏览写的css圆角代码html代码：<div class="yj">这个div四个角都圆15px;</div>结果如下：图片圆角也是一样的：css代码：.yj{-moz-border-radius: 15px;     -webkit-border-radius: 15px; border-radius:15px;}html代码：<img src="xp.jpg" width="100px" height="100px;" class="yj" />结果如下：css3圆角代码也支持上下左右的：css代码这么写：.yj{    padding:10px; width:300px; height:50px;    border: 2px solid #000000;    -moz-border-radius: 0px 0px 20px 25px;;         -webkit-border-radius: 0px 0px 20px 25px;;      border-radius:0px 0px 20px 25px;; }结果如下圆角代码也支持拆分的（四个边框都圆角10px的拆分css代码如下）：border-top-left-radius: 10px;   border-top-right-radius: 10px;  border-bottom-right-radius:10px;  border-bottom-left-radius:  10px;

第一点：了解你的目标客户群的心态1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类)：这类的解决方案是设计的app最好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。第二点：APP原型图的制作和设计讨论这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。常用的APP原型图工具：移动APP原型设计神器 POP 、axure、Foreui等第三点：APP视觉设计与设计要点（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。你必须记住：（1）隐藏设计或者减法设计 （2）分区或分类 （3）帮用户做决策 （4）提高交互创新设计 （5）让人有爽快感和新奇感 （6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”2014年 APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！第四点：APP界面设计流程（1）. 设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。（2）. 放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有效。（3）. 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。（4）. 由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。（5）. 整个设计过程中不断问自己“真的需要吗？” 。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。第五点：APP界面设计测试与预览修正设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的方法最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。

基于android的通讯录的设计与实现一：引言学了android的开发与设计课后，对计算机软硬件相关知识有了一定的了解；基于此，设计与实现一个在Android系统上运行的手机通讯管理软件，实现手机通讯录的基本功能，包括：添加联系人、查看联系人、修改联系人、删除联系人、拨打电话、发送短信、查询联系人，以及联系人的导入导出功能即联系人的备份。主要开发基于Android 的手机的通讯管理软件。以Java语言为基础，结合Android移动开发平台，并利用Android提供的SDK，实现在Android平台上运行的手机通讯录，方便广大手机用户更加便捷地对联系人的信息进行管理。该手机通讯录面向所有的Android手机用户，为他们提供更实际便捷的手机服务,具有拨号、通讯记录等基本功能。该通讯录的数据导出功能是该软件的一个特色，可以实现联系人数据导出到文本，实现数据备份。大家生活当中经常遇到手机丢失，出现故障，和其他一些事故。最担心的就是丢失手机里的电话号码。1.1. 选题目的及意义随着3G网络的使用，移动终端不再仅是通讯网络的终端，还将成为互联网的终端。因此，移动终端的应用软件和需要的服务将会有很大的发展空间。在Google和Android手机联盟的共同推动下，Android在众多手机操作系统中脱颖而出，受到广大消费者的欢迎。 手机通讯录作为手机的基本功能之一，每天我们都在频繁地使用着。根据手机功能使用调查显示，有八成以上的消费者使用手机通讯录功能。随着手机通讯录功能的不断加强与完善，手机通讯录对于人们的意义，已不仅仅像记事簿一样显示通讯地址，而是向着个性化、人性化的方向发展。通讯录从无到有，从英文到中文，经过了十几年的发展历程，今后的发展趋势就是从通讯录发展为名片夹，也就是在一个人名下，可以存储座机、手机、单位、地址、电子邮件等内容。这种名片夹在电话薄的基础上，大大丰富了内容，同时结构也发生了革命性变化，而且随着手机的发展，相信更优秀的通讯录会越来越受到社会各层人士的喜爱。1.2. 项目背景Android一词的本义指"机器人",同时也是Google在2007年11月5日宣布的基于Linux内核的开源手机系统的名称，中文注册商标"安致", 该平台由操作系统、中间件、用户界面和应用软件组成，是一个为移动终端打造的真正开放和完整的智能手机系统。其早期为Google开发，后由开放手机联盟（ Open Handset Alliance）开发。它采用了软件堆层（software stack,又名以软件叠层）的架构，主要分为三部分，底层以Linux内核为基础，由C语言开发，只提供基本功能；中间层包括数据库Library和虚拟机Virtual Machine，由C++开发；最上层是由各公司自行开发，以Java编写的各种应用软件，如通话程序，短信程序等。 二：功能需求。根据用户需求总结出来的反映了用户需求的系统逻辑模型转换成可以实施的物理模型，把整个设计划分成单元，主要解决如何去做的问题，要想创建整个通讯录首先要通过增加联系人信息来创建通讯录。整个应用程序应划分为4个模块，分别是程序启动、用户界面、后台服务和数据库适配器，各模块之间的关系如图所示：从上图中不难看出，后台服务是整个应用程序的核心，主要是“数据获取模块”，负责周期性的从用户输入的内容中获取信息。后台服务在程序启动时就由AppWidgetProvider启动，也可由用户界面通过startService(进行启动，启动后的后台服务将一直保持运行状态。同时用户界面从数据获文本信息。一方面可以避免因网络通信不畅造成界面失去响应；另一方面，后台服务可以及时更新数据，以保证数据的准确性。数据库适配器封装了所有对SQLite数据库操作的方法用户界面和后台服务会调用它来实现数据库操作。在完成用户界面设计、数据库设计和模块设计后，至此程序设计阶段基本完成。文本编辑器中不同功能界面之间的切换，用户可以通过点击menu键来切换到不同的功能界面，不同功能界面的切换如图三:设计思路。开发的基于Android手机通讯录具有十分重要的意义。可以根据客户需求的实际情况，开发一款实用的手机通讯录软件。本设计主要是采用Android的View框架编写，部分框架运用Android中的其他组件。 当进入通讯录的增加界面时，调用的是一个用相对布局RelativeLayout的XML布局文件。其中包括了2个Button，分别实现了不同的功能。第一个Button是保存内容，当输入联系人姓名和号码是点击保存实现此功能。说到保存，不得不说得是保存信息涉及添加新联系人的头像，姓名，手机号码，办公室电话，家庭电话，职务职称，单位名称，地址，邮政编码，Email，其他联系方式，备注这些信息。第二个Button是返回，顾名思义就是从增加界面返回前一界面。响应menu键的触发事件，设置底部菜单是否可见，并通过对底部菜单选项的监听实现底部菜单中的增加、查找、删除、菜单、退出等功能，其中菜单包括显示所有、删除所有、号码备份功能。在联系人信息界面时通过点击menu键，会弹出通信功能框，通过与发信息、打电话、发邮件功能接口的套用来实现。四:流程图一个好的系统设计的步骤决定了程序是否能按照设计者的目的按时完成，是否能在规定的时间内按照设计者的要求高质量的完成程序必要的功能。并且按照标准的设计步骤对程序进行调试，测试，以及后期的优化完善，使程序更加具有健壮性和可用性。通过对通讯录功能、系统模块、用户需求方面进行全方位的分析制定开发流程，开发流程如图4-1所示。图4-1开发流程图采用标准的开发流程确定系统具有用户管理功能，联系人增删改功能，通讯功能，查找功能，备份等功能。系统的功能图如4-2所示。图4-2 系统功能图通过对系统的功能结构的分析，设计后系统运行流程是系统运行后用户将进入通讯录主界面，可以看到联系人列表。通过点击MENU界面的增加功能选项可以新增联系人 有没有这个的代码，做一下参照？ 代码没有去淘宝看一下吧

<div style="width:100%;">一行</div><div style="width:50%; float:left;">左</div><div style="width:50%; float:left;">右</div>

一、简介：布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。二、网页布局有以下几种常见结构：【1】“国字”型布局：“国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。 【2】T型布局T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。【3】标题正文型标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。【4】左右框架型布局左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容 .【5】上下框架型上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。【6】综合框架型综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术。【7】POP布局POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。 【7】FLASH布局FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。在这种布局中，大部分甚至整个页面都是Flash。

DIV+CSS和table两种布局方式，DIV+CSS布局运行速度快，科学，但难学，table布局简单，运行加载慢，做网站不科学，各有利弊。 表格布局有什么特点啊我知道的就是表格布局，CSS+DIV层布局 还有一种很常用的布局方式，是框架么？怎么用呢，具体的用法都不是很清楚，可以粗略的介绍不嘛 表格布局兼容性较好，基本不要考虑浏览器兼容问题，但是一些高级效果，表格是无法做出的。表格布局的代码偏长，效率不及div布局,简单说表格低效、稳定、控制难度低，div高效先进，兼容性 难度高。框架适用于后台管理界面，一般顶部或左侧是功能菜单，右侧是内容显示页面，框架不灵活，用的也比较麻烦，框架布局已经基本上不用的，一般就table布局和div布局两种，div里该用到table时还是要用到的。

方法/步骤　　打开一个新的word文档　　点击”页面布局“下的”页边距“　　点击”自定义页边距“　　页边距　　纸张设计　　板式布局　　文档网格设计　　分栏设计