运动app网页设计排版（运动ui界面设计）
本文目录一览：
网页ui设计用什么软件做
Fireworks是Adobe推出的一款网页作图软件，通过软件可以加速Web开发和设计，是一款优化与创建Web图像和快速构建网站与Web界面原型的理想工具。
交互软件：Axure、墨刀、MindManager等（进阶交互设计）；网页设计：网页前端设计，交互设计等（进阶UI设计）。线下学习的话，你可以考察对比一下南京课工场、北大青鸟、中博软件学院等开设有UI设计专业的学校。
UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。一般UI设计会用到这些软件：Photoshop；AI：全shu称AdobeIllustrator是一款多媒体在线图像和出版的工业标准矢量插画的软件。
Indesign Indesign主要用于图书和讲义的排版，也是UI设计师经常用到的，虽然它不能做太多样式的设计、但是排版还是比较有效率的。XD XD主要用于用户体验设计和原型创建，更多的用于UI交互设计。
学UI设计需要学习一些专业的设计软件，比如Adobe Photoshop、Adobe Illustrator、Sketch、Figma等。这些软件都是业内常用的设计工具，可以帮助你实现各种各样的设计效果。
最常用的肯定是Photoshop了，至于其它的也有用的，比如Illustrator，或者更专业的一些设计软件，就不接触了。
如何在手机上制作自己的网页
方法：可通过手机自带的浏览器菜单，添加“桌面书签”功能来实现。具体操作如下：工具：华为p9 点击华为浏览器，登陆手机新浪网。点击网页下方竖三点符号设置菜单。在弹出的框中，点击“收藏网址”。
打开vs2008了。点击【文件】【新建文件】【常规】【HTML页面】【打开】。如图所示，新建了一个空白的html页面，拆分视图。设置页面body样式信息。设置页面的宽度和高度。
独立域名手机站 这种手机站对优化排名比较好，也可以自己设计手机模板，专门买个空间放手机站程序，域名解析二级域名。自适应网站 这种网站体验比较少，会根据屏幕大小，自动显示不同的页面布局。
第一种是采用WML编写适合于按键的传统手机的WAP网站，第二种是采用时下比较流行的HTML5编写前台。而如今随着中国的移动互联网发展和智能触屏手机的普及，WAP网站已经逐渐退出历史舞台。
打开百度，在百度上搜索：易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站。进入后，先登录自己的账号，可以直接用QQ微信登录即可，登录后就可以开始制作自己的手机网页微场景了。
app导航设计方式有哪些
1、列表导航列表式APP导航是我们在APP设计种必不可少的一个信息承载模式。当然作为一个APP的导航也是非常方便的。这种导航模式从原始导航中很好转换，只要将列表左对齐，增加向右箭头表明是否还有下级即可。
2、经典导航菜单TabberTabber是苹果ios可以自动生成一种导航控件，开发起来方便。所以这种经典的底部导航栏受到绝大数app设计师的青睐。
3、标签式导航（也叫Tab导航）大多数app会选择标签式导航，标签式导航结构如下图所示。底部标签导航是iOS页面布局中比较推崇的一种导航方式。
4、手机端APP界面导航布局中使用的九宫格布局形式属于网格组合。导航是APP设计时要着重考虑的，常见的APP框架有列表、网格、屏幕轮显、标签导航、tab导航、抽屉导航、卡片、泳道、堆叠组合。
WEB网页设计常见布局
所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。
固定布局Fixed 在固定布局中，网页的宽度是必须指定为一个像素值，一般为960px。过去，开发人员发现960px是最适合作为网格布局的宽度，因为960可以整除3，4，5，6，8，10，12和15。
设计方法：媒体查询+流式布局。通常使用@media媒体查询和网格系统（GridSystem）配合相对布局单位进行布局，实际上就是综合响应式、流动等上述技术通过CSS给单一网页不同设备返回不同样式的技术统称。
