网页设计 App界面设计
一、 网页设计
- 什么是网站
- 什么是网页
- 首页和主页的区别
- 网页的表现形式
二、 网页的板块结构
- 网站LOGO
- 导航条
- 内容板块
- 版尾或版权工具
域尾包括：认证和备案；
- 域名包括：.cn(国内域名)/.com（国际域名）；在
万网可以买到（查找是否被注册），域名只能使用一次- 服务器：空间（在阿里云购买）
- 网站命名：www.任意自己命名.com
- 备案：国内域名必须备案；国际域名仅需认证（如下图）
5)站长之家可以查询网站流量
eg：
三、 网页的内容
- 动画
- 表单
四. 网页设计软件
- 文本编辑器
- ps
- Fireworks
五、网页制作主要相关技术
六、 网站建设基本流程
七、 网页的版式设计
- 布局：上下型结构，无框架局限式
- 导航设计：一级导航栏+二级导航
八．网页的风格设计
- 网页配色
一种主调色+点情色
九.网站
- 网站类型
1） 企业站（主要用于宣传和展示）
2） 门户类网站（如：新浪、搜狐等）以新闻信息为主
3） 商城类网站（如 淘宝，京东） 以商品为主
4） 行业类网站 （如政府网站等） 后三个属于功能型网站；第一个是展示型网站
- 网站设计规范
1） 字号：12px——13px——14px(正文)；20px(标题)
2） 字体：微软雅黑、宋体（服务器自带的两种字体）
3） 尺寸：企业站（宽度：1200px_版心部分）；高度任意（根据内容而定）
eg:白色部分为版心
门户类网站，宽度为1004px,高度根据内容决定
4） 数据单位：px；
5） 最低分辨率：72px;
案例一——导航栏
- 确定版心1200的位置 ；调出标尺ctrl+r;右键单击后选择像素，用矩形选框工具看着宽度拉出宽度1200px的矩形框，大概放至中间位置
- 宋体-无 14px以上使用平滑
微软雅黑-平滑
- 唯品会案例中，上部未填充完整，使用矩形工具，按住ctrl+alt键可以将选中区域复制并移动
app界面设计
- pc端 移动端
- 界面
- 移动端包括IOS 安卓
ios
1）ipone6 宽高：7501334px 分辨率：72px
2) 字体：华文黑体
3）字号：长文本（正文）：26px
图标尺寸 512512
4) 颜色值
Iponex
1）尺寸24361125像素
安卓
1）标签栏即主菜单栏；导航栏即菜单栏
2）设计尺寸：720*1280
3）
app页面设计案例
- 圆角设计：矩形工具里的圆角工具，或者选择路径直接拉
在属性中点击链锁，可以调整单个圆角的半径
- ctrl+回车，操作结束后选中
- ctrl+alt+鼠标左键 复制相同框平移
工具复习
磁吸，多边形为直线魔棒有颜色不同时不一定能全部选中，快速选择工具可以选中污点修复工具，填充为前景色；污点画笔工具：alt选中想要填充的部分后涂抹；修补工具-选中区域后向其他部分拖动笔刷一般不使用硬笔刷
5.直接选择工具可以修改锚点所在的位置，移动工具可以移动，都是相对于矩形工具使用
6.
按住shift键选中两个图层，选择垂直居中
案例2- 矩形圆角工具选中后选择路径，ctrl+回车选中后，新建图层，填充颜色
- 按住shift移动可以水平
网页设计 App界面设计相关推荐
- 财务金融类网页及app界面设计模板
随着手机银行App线上化转型的日渐成熟,其设计上也更加关注情感化元素的融入,一改金融系产品严肃.工具感强的特征,努力为用户提供更有温度的金融服务体验.那么,围绕情感化设计的三个层次,就让我们一起来看一 ...
- app界面设计是什么？需要学习什么UI软件
什么是app界面设计?其实app界面设计,又称为UI设计.我们常说的UI设计,其实是一种针对软件的人机交互.操作逻辑.界面美观的整体设计. UI设计师必须掌握的一项技能,就是会使用app界面UI设计软 ...
- android 距离右边距,APP界面设计中间距与边距的要点
原标题:APP界面设计中间距与边距的要点 广州UI设计别样设计表示,无论是做网页设计.后台系统设计.还是APP界面设计,都要遵守一定的设计规范,俗话说的好,无规矩不成方圆,在无需创新的情况下遵守设计规 ...
- 2018最新APP界面设计教程---手机ui高级实战案例 视频教程（价值320元）
课程简介: 适用人群 适合有基础的学员 学到什么 火星人UI设计培训结合大量的实战案例,从ICON的设计构思开始,到APP界面设计,全方面解析UI设计工作流程和设计理论 ...
- APP界面设计之页面布局的22条基本原则
移动APP页面布局(Layout)是我们设计app界面的时候,最主要的设计任务.一个app的好与不好,很大部分取决于移动APP页面布局的合理性. 下图为APP最原始的布局模型. 页面布局顾名思义就是对 ...
- APP界面设计都有哪些好用的软件推荐
基于APP界面的不同功能,所选择的APP界面设计软件也会有所不同.然而,并不是说所有的APP界面设计软件都非常精通,熟练地学习几个常用的APP界面设计软件.以下10个APP界面设计软件将为您的团队提供 ...
- 最实用的APP界面设计知识，有温度的APP设计（转）
在逛简书的时候,无意之间看到了这样的一篇非常有意思的app设计博文.顾25学堂的摘录了其中的一些关于移动端APP界面设计的精华.分享给25学堂的app设计师们. 当然,下面的这些app设计知识点是来自 ...
- UI设计案例|文件管理App界面设计灵感
资源管理器绝对是我们使用电脑时最高频打开的几个界面之一. 文件管理 App 可以帮助我们管理自己的文件,分类管理,快速查找. 集设网www.ijishe.com设计师交流社区精选 12 组文件管理 A ...
- UI实用素材|电商购物类APP界面设计原则！
移动端的一个特点是可探索性,而且体验感比较强.用户在用手点触.化动过程中就会触发动作,这些动作又会带来相应的反馈,如果在页面一些地方设计上惊喜的反馈方式,会给用户带来很多的乐趣,并且会鼓励用户进行很多 ...
最新文章
- opencv 采用 matplot 显示图片
- [Java]Annotation元数据的几个应用
- 新鲜出炉的电信诈骗经历
- BZOJ 1898: [Zjoi2005]Swamp 沼泽鳄鱼 [矩阵乘法]
- REDIS 关键配置简述
- java 线程 wait sleep_JAVA线程sleep和wait方法区别
- pandas拉长dataframe
- UVA355 UVALive5249 The Bases Are Loaded【进制】
- php是哪种化学药剂,常用化学试剂 英文缩写一览表
- python notebook软件_anaconda3 notebook for python数据分析-环境搭建
- Android源码目录简介
- linux svn 403 forbidden,关于svn报错 403 Forbidden
- Audio Format
- 【pytorch】 grad、grad_fn、requires_grad()、with torch.no_grad() 、net.train()、net.eval()：记录一次奇怪的debug经历
- android沉浸式状态栏（像iOS一样的状态栏）
- STM32F103系列的单片机一共有11个定时器
- 康特EPON OLT开局配置
- 00942 oracle_Oracle物化视图创建报ORA-00942错误解决
- 战略支援部队信息工程大学的计算机类,战略支援部队信息工程大学2018年硕士研究生招生简章...
- 解决：小米手机设置全屏后屏幕上方有黑条问题