WEB端设计规范 一.网页尺寸       一般网站宽为996px:国内网站大部分还是以1000个像素为界限,因超过1000像素适合在大屏幕上浏览,小屏幕会显得拥挤.国内尺寸设置比较保守,这样可以保证大部分用户舒适的浏览网页. 二.主流浏览器 chromeIEfirefoxsafariopera 知道了浏览器的设计特点才能更好的设计页面,比如浏览器的头部的操作高度和信息的展示都会有所不同,那么页面在每个浏览器上面的展现就会有所不同. 三.点击操作 主要通过鼠标点击.滑动.滚动.拖拽. 四.htm…

什么是控件?什么组件? 组件控件分类可以根据组件控件属性进行分类,也可以根据组件控件的功能进行划分.一般按功能划分,例如表单类就可以划分为:单文本输入,多文本输入.日历时间选择器.下拉选择列表.单选多选等. 控件(Control):单一元素组合而成. 组件(Component):组件为多个元素组合而成. 组件控件和功能分类的目录(移动端) 一.导航类 导航的作用有哪些? 1. 结构化产品内容和功能 导航系统相当于APP的骨架,支撑着内容和功能组成的血肉,导航系统起着组织内容和功能的作用,让它们按…

微信小应用资源汇总整理 开源项目 WeApp - 微信小程序版的微信 wechat-weapp-redux-todos - 微信小程序集成Redux实现的Todo list wechat-weapp-gank - 微信小程序版Gank客户端 wechat-dribbble - 微信小程序-Dribbble wechatApp-demo - 微信小程序 DEMO weapp-ide-crack - 微信小应用资源破解 API - API 文档 weapp-quick - 微信小应用示例代码 wea…

文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的UI设计学习路线图包含初中高三个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.baidu.com/s/1nuUuHXR 密码: p595 好东西岂能独享,欢迎分享到你的朋友圈,推荐给更多的朋友.欢迎关注公众号,订阅视频更新,好视频岂容错过. step01初级教程 打造会代码的全能设计师成长之路 打造会代码的全能设计师成长之路(15G)... Illustrator设计视频教程 本课程通过模拟…

怎么学UI全链路设计 全链路设计师是参与整个商业链条,为每个会影响用户体验的地方提供设计的可解决方案,最后既满足了商业目标,又提升了产品的用户体验和设计质量,与平面设计.UI设计彻底区分开来,是真正的设计行业未来趋势. UI全能设计师 UI课程介绍 行业情况介绍 互联网发展趋势 UI行业优势 设计师就业和薪资情况 UI与产品的关系 ps软件入门 ps在行业中的应用 常用工具 蒙版类工具的使用 文字与段落 通道的使用方法 调色工具的应用 图案与填充 滤镜的综合化应用 AI与品牌设计 AI工具使用…

微信小应用资源汇总整理 开源项目 WeApp - 微信小程序版的微信 wechat-weapp-redux-todos - 微信小程序集成Redux实现的Todo list wechat-weapp-gank - 微信小程序版Gank客户端 wechat-dribbble - 微信小程序-Dribbble wechatApp-demo - 微信小程序 DEMO weapp-ide-crack - 微信小应用资源破解 API - API 文档 weapp-quick - 微信小应用示例代码 wea…

本文核心内容点:- 啥是高保真原型?(附简单说明原型)- Axure可以画出什么水准的高保真?(给示例,开启装逼模式)- 高保真原型图技巧:- 啥时候上高保真?适用场景 and 不适用场景 啥是高保真原型 ? 啥是原型,从事互联网的同学,肯定非常熟悉,特别是产品岗同学.如果不是,那如下简单讲原型和高保真原型的: 原型:即产品草图.从产品流程来看,将想法形成草图原型,原型再有设计师形成效果图,程序猿们根据需求和效果图开发,出来的软件样子就是和效果图差不多.原型在过程中就是产品最终形态的骨架. 低/…

本篇是我对Web开发规范中关于三层架构设计规范的一些浅见.虽然三层架构是比较普通,也比较简单的架构设计模式.但是随着业务的增长,涉及到的对象越来越多,处理的逻辑越来越复杂.这其中难免会出现设计不当,从而导致业务报错或逻辑代码混乱等问题的出现.下面我就来简单的谈一谈我是如何设计的?(注:本篇的见解是在基于当前比较流行的MVC设计模式,不知道什么是MVC设计模式的小伙伴,请自行查找相关资料.) 逻辑划分 在三层的架构设计中通常会采用如下设计方案对逻辑进行划分: Controller (表现层) 在M…

app设计规范 目前,很多APP设计师的APP Ui设计稿是先做iPhone6的,方便向上适配iPhone6Plus,也方便向下适配iPhone5和iPhone4的尺寸.这一节课也算是25学堂为大家精心整理的iPhone6界面设计尺寸规范大全. 当然下面的10个方面的不仅是iPhone6界面视觉设计尺寸规范,也是iPhone6界面原型设计尺寸规范.值得APP设计师和APP产品经理好好的阅读. 所以,ios系统平台上的APP交互设计稿的尺寸,就按照iPhone6的尺寸来做. 尺寸大小如下:750*…

hi,这里写出一点自己对web产品开发的一点粗浅的规范认识,一切为了敏捷开发哈哈. 1.流程. (1) 当产品给出原型和产品文档. (2)设计师更据原型,开始设计产品的效果图. (3)设计师设计完毕后,产品,设计,开发开始评审效果图.(效果图一旦评审完毕,一般情况下不改设计) (4)  设计图评审完毕,设计师给出效果图安和尺寸图. (5) 开发在指定时间内完成项目的开发. (6)开发的产品开始部署测试环境,开始测试. 2.单位.虽然web中用到了px,em,rem等,但是我们经常使用的px足够,…

数据库设计规范 1.简介 数据库设计是指对一个给定的应用环境,构造最优的数据库模式,建立数据库及其他应用系统,使之能有效地存储数据,满足各种用户的需求.数据库设计过程中命名规范很是重要,命名规范合理的设计能够省去开发人员很多时间去区别数据库实体. 最近也因为工作需要所以整理出了这个word文档,望大家指正. 2数据库设计 数据库规划→需求分析→数据库设计→应用程序设计→实现→测试→运行于维护 2.1数据库规划 定义数据库应用系统的主要目标,定义系统特定任务,包括工作量的估计.使用资源.和需求经费…

数据库设计规范 1.简介 数据库设计是指对一个给定的应用环境,构造最优的数据库模式,建立数据库及其他应用系统,使之能有效地存储数据,满足各种用户的需求.数据库设计过程中命名规范很是重要,命名规范合理的设计能够省去开发人员很多时间去区别数据库实体. 最近也因为工作需要所以整理出了这个word文档,望大家指正. 2数据库设计 数据库规划→需求分析→数据库设计→应用程序设计→实现→测试→运行于维护 2.1数据库规划 定义数据库应用系统的主要目标,定义系统特定任务,包括工作量的估计.使用资源.和需求经费…

[未经作者本人同意,请勿以任何形式转载] 上一篇文章主要分析了微信小程序应用场景和优劣势.本篇你可以学习到: 如何使用小程序开发工具写一个Hello World 微信小程序设计规范 微信小程序项目结构 >>>微信小程序开发工具使用 下载安装小程序 下载 :微信web开发者工具 下载:官方DEMO源码 本系列教程使用的是mac版的开发者工具. 安装完成后,打开微信web开发者工具 1.扫码登录,绑定个人微信 2.扫码登录后,新建或导入已有项目(这里使用官方提供的DEMO源码quicksta…

①iPhone的设计尺寸 iPhone界面尺寸: 设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度 iPhone6 plus设计版 1242 × 2208 60px 132px 146px iOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程 一套完整的UI设计规范手册(IOS版) 移动端界面设计之尺寸篇(淘宝版) 图说: iPhone 6 (plus) 没那么容易搞定 设计尺寸回顾:iOS设计规范整理汇总 iPhone6 plus物理版 1080 × 1920…

[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/5243181.html [正文] 豆瓣链接:https://book.douban.com/subject/26598045/ [目录] 01 什么是全栈工程师 02 如何成为全栈工程师 03 从学生到工程师 04 野生程序员的故事 05 工程师事业指南 06 全栈工程师眼中的HTTP 07 高性能…

第一阶段: HTML+CSS:HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础:Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图. JS基本特效:常见特效.例如:tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图. JS高级特征:正则表达式.排序算法.递归算法.闭包.函数节流.作用域链.基于距离运动框架.面向对象基础. JQuery:基础…

Enteprise Solution有一套自己的界面设计规范,也是很多年(10年以上)管理软件界面精华的积累.没有一个软件从一开始就很善于界面设计,许多个小小的改善,比如控件位置的移动,控件摆放顺序的改变,都是经过客户检验或是深思熟虑的. 1 对于必须输入值的项,控件中有小光标表示. 如上图所示,合约编号和 客户编号都是必须输入的,所以该控件的右边有一个小光标显示.当控件中有值时,这个光标不再显示. 国内的管理软件比如金蝶软件,对于必须输入值,它会在标签处标识一个星号,如下图所示,端口号的标签后…

第一阶段: HTML+CSS:HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础:Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图. JS基本特效:常见特效.例如:tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图. JS高级特征:正则表达式.排序算法.递归算法.闭包.函数节流.作用域链.基于距离运动框架.面向对象基础. JQuery:基础…

纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile .Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS.jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架,项目中也有应用.国内也有公司,像BAT巨头也在探索和实现了适合自己的移动web框架. 1.jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移…

从2010年3月份出来工作到2015年初,做过的大大小小的 .NET Web 项目如下: (1)售楼系统产品    「Role: Team Member」 (2)中弘合同管理系统    「Role: Team Member」 (3)Gammon Portal 金门建筑内部门户    「Role: Team Leader」 (4)Hopewell Portal 合和实业内部门户    「Role: Team Leader」 (5)ICAC-IMS 资产管理系统    「Role: Team Mem…

http://beforweb.com/node/6/page/0/3 开始第一篇.老规矩,先无聊的谈论天气一类的话题.十一长假,天气也终于开始有些秋天的味道,坐在屋里甚至觉得需要热咖啡.话说两年前也是在国庆假期里开始做Joomla文档翻译的:长假好时光,总会可以抽出一两天,安静的窝在家里做做博客.学做些新东西,简直没有比这更舒心的事情. 说正事儿.准备在近期的几篇里集中翻译学习一下"响应式Web设计"的相关话题,包括概念.实践方式.案例及观点讨论等方面.相比于从前做的文档译文,这些文…

纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile .Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS.jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架,项目中也有应用.国内也有公司,像BAT巨头也在探索和实现了适合自己的移动web框架. 1.jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移…

<web之困:现代web应用安全指南>在web安全领域有“圣经”的美誉,在世界范围内被安全工作者和web从业人员广为称道,由来自google chrome浏览器团队的世界顶级黑客.国际一流安全专家撰写,是目前唯一深度探索现代web浏览器安全技术的专著.本书从浏览器设计的角度切入,以探讨浏览器的各主要特性和由此衍生出来的各种安全相关问题为主线,深入剖析了现代web浏览器的技术原理.安全机制和设计上的安全缺陷,为web安全工作者和开发工程师们应对各种基于浏览器的安全隐患提供了应对措施. <w…

文章地址:http://www.cnblogs.com/soulaz/p/5586787.html jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面.jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格.jQuery Mobile1.4.0主要侧重于性能和控件方面的改进.除了全新的默认主题和SVG图标,还新增了开关控件.通用过滤器.箭头弹出框.滑动提示框等一系列功能,更是集成了jQuery UI的Tab…

纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile .Sencha Touch等等,他们都来源于web开发,是成熟的框架.jQuery Mobile出自于jQuery家族.Sencha Touch来自于ExtJS.jQuery Mobile 和Sencha Touch都是比較成熟老牌的框架,项目中也有应用. 国内也有公司,像BAT巨头也在探索和实现了适合自己的移动web框架. 1.jQuery Mobile jQuery Mobile框架能够帮助你高速开发出支持多种…

jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面.jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格.jQuery Mobile1.4.0主要侧重于性能和控件方面的改进.除了全新的默认主题和SVG图标,还新增了开关控件.通用过滤器.箭头弹出框.滑动提示框等一系列功能,更是集成了jQuery UI的Tab部件.jQuery Mobile继承了jQuery的优势,并且提供了丰富的适合手机应用的UI组件.j…

1.jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面.jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格.jQuery Mobile1.4.0主要侧重于性能和控件方面的改进.除了全新的默认主题和SVG图标,还新增了开关控件.通用过滤器.箭头弹出框.滑动提示框等一系列功能,更是集成了jQuery UI的Tab部件.jQuery Mobile继承了jQuery的优势,并且提供了丰富的适合手机应用的UI组件…

突然就到了周日傍晚.你永远不会知道自己的生活在接下来的一周当中能够发生多少变化:各种不可预知性所带来的更多是快感还是焦虑与不安,冷暖自知.相比之下,白天工作当中那些需求列表与排期文档就显得那么可爱了,哪怕有各种临时任务或需求变更,也最多只是让人在身体上疲劳一些而已.但有些事就远没这么简单了. 无名无状的话说到这里.今天的这篇更新是iOS7界面设计规范预发布版本第一章的最后一个小节了:我这边的汉化工程暂时告一段落.正如之前提到的,接下来会有我现在的一些同事参与进来,大家一起贡献更多的力量.届时,相…

明天就是周四了.貌似前几天还在恨周一呢.话说今天几乎开了一整天的会,正经事情没做多少:这种感觉比一整天从早到晚12个小时的忙碌于一件事情还要让人感到疲惫的对叭?那今天的iOS7设计规范更新又是一篇很简短的话题,关于文字及配色. 重要:这是针对于正在开发中的API或技术的预备文档(预发布版本).虽然该文档在技术精确度上经过了严格的审核,但并非最终版本,仅供苹果开发者计划的注册会员使用.苹果提供这份机要文档的目的,是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划.这些信息有可能发生变化…

讨厌周一,讨厌一周.今天中午交互组聚餐,却很开心:大家都是很厉害的人,你可以感到他们身上的能量,可以感到有些什么东西正在推着自己尽力向前走.这是一种很健康的状态,同时也很难得,自然越发需要珍惜.从无到有组建并壮大UX团队的过程,这是我经历的第二次:之前一次,有过很多开心,也有过莫大的遗憾甚至是愤慨:而这次我则有了更多的信心,因为看到了更多值得信赖的人. 那么继续我们的iOS7人机界面设计规范译文工程吧:接下来还会有更多来自WXD(携程无线体验设计中心.也称“无线电”.)的优秀设计师参与到这个事情…