2024年app网页设计规范 篇1
网页设计需要学习东西还是比较多。
第一阶段：设计软件学习：例如 PS 、AI、Dreamweaver、等等。
Photoshop简称PS，是由Adobe公司开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像
Adobe Illustrator(AI设计软件) Adobe Illustrator是一个绘图软件包，允许你创建复杂的艺术作品，技术图解，用于打印的图形和页面设计图样，多媒体，以及 Web 。Adobe Illustrator提供了广泛的强大绘图和着色工具，其中包括：一个刷子工具，椭圆工具，徒手素描工具，刀子工具，自动跟踪工具，护罩，斜变工具，路径图案过滤器，混合工具，颜料桶，滴管，对齐工具及墨水笔过滤器。Illustrator有强大的图形处理功能，支持所有主要的图象格式，其中包括PDF和EPS。这个程序让你进行广泛的印刷控制，并可以支持工业标准的 Adobe 插件。
Dreamweaver ：一套针对专业网页设计师特别发展的视觉化网页开发工具，也是目前最新版本利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。本套教程结合目前网页中应用到的各种效果和技巧,全面讲解如何用Dreamweaver CS6去完成网页页面的排版设计，同时配合生动实用的案例使您更容易、更轻松掌握Dreamweaver CS6，帮您成就网页设计师的梦想.
第二阶段：网站的概述、网站的制作及设计、web 网页设计 专题页面设计 电商知识 企业网站制作 、后台系统设计、移动端页面设计。
第三阶段：编程语言的学习html 、 css 、 js 、 html5 、 css3 JavaScript 等等
这些编程语言都是开源的在网站很容易找到学习教材，但是要学好用好还是要通过不断的实践。
第四阶段：比较高级一点前端语言。
jquery:javascript框架，javascript函数库，极大简化了javascript。bootstrap:一个用于快速开发 Web 应用程序和网站的前端框架。
AngularJS: 是一个 JavaScript 框架。
JSON: 是存储和交换文本信息的语法.
Ajax: 可以用于创建快速动态的网页。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
Angular 2:是一个开源的JavaScript框架
React: 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI .
LESS:是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。是一种动态样式表语言，扩展了CSS的功能
Vue.js ：是用于构建交互式的 Web 界面的库。
Node.js ：是运行在服务端的 JavaScript。
如果这些你都能有所掌握那么你将慢慢的走上编程之路了。
2024年app网页设计规范 篇2
随着移动互联网的迅猛发展，使得移动产品设计人员急缺。由于高薪酬，很多其他行业设计师转行做UI设计。
那么到底什么是UI设计?
做UI设计需要掌握哪些知识体系? 如何去学习?
今后如何做职业规划? 是很多新人常会遇到的问题!
针对这些问题，给大家一个比较全面的解释，希望能帮到新入行移动设计的人! 一、首先我先要分清几个术语：
UI (User Interface)：用户界面 IxD(Interaction Design)：交互设计或互动设计
UE或UX (User Experience)：用户体验
UED (User-Experience Design)：用户体验设计
UCD (User-Centered Design)：以用户为中心的设计
PM(Product Manager)：产品经理
视觉设计(Visual Design) 详细解释：
UI (User Interface)：
即用户界面 。ui设计其实是个比较笼统的叫法，是指软件的人机交互、操作逻辑、界面美观的整体设计。它包含了交互设计和视觉设计2个方面。
交互设计：充分考虑用户使用场景和用户行为习惯，通过简化用户任务流程，减少用户使用成本。
UI设计是一种视觉语言，优秀的的界面设计要能通过视觉手段正确传达页面信息主次和交互细节，引导用户如何操作。
由此可见，想要做好ui设计，视觉设计知识和交互设计知识都是必须掌握的! IxD(Interaction Design)：
交互设计或互动设计。通俗来说就是设计软件和用户的互动方式，通过了解用户需求、目标，使用有效的互动方式让整个过程可用，并且要易用。再直白一点，就是解决软件如何使用。
UE或UX (User Experience)：
用户体验。用户体验主要是来自用户和人机界面的交互过程。
它是指用户使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度。
产品经理(Product Manager)：
就是企业中专门负责产品管理的职位，产品经理负责调查并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。并推动相应产品的开发组织，Ta还要根据产品的生命周期，协调研发、营销、运营等，确定和组织实施相应的产品策略，以及其他一系列相关的产品管理活动。
视觉设计(Visual Design)： 视觉设计也是个比较笼统的概念。是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。
在互联网领域的视觉设计师主要要具备以下能力：
1标志设计;2版式设计;3字体设计;4图形设计;5广告设计;6界面设计
二、产品研发团队的岗位组成及其职责
很多人可能会问为什么要说这个?不是要讲ui?
首先，任何产品都是由团队协作完成的。了解各个岗位的职责，有利于提高团队协作效率。也有利于了解自己需要掌握的知识技能。
研发团队由产品设计、技术开发两个方面的岗位组成。产品设计人员包括产品经理、交互设计师、视觉设计师;技术开发人员包括前端、服务端、数据端、测试等方面的工程师。
看到这，很多人就觉得比较坑爹了。怎么没有UI设计师?
上面说的分工方式是比较标准的岗位分配模式，由于国内行业发展不完善抑或是用人成本问题。
在国内，很多公司里是没有单独的交互设计师岗位的。
一种情况是由产品经理直接负责，需求和交互设计都是产品经理一个人，然后由视觉设计负责图形界面设计(GUI)和其他美术资源的设计。
另一种情况是，产品经理负责需求，UI设计师(或交互设计师)负责交互设计和视觉设计。产品经理和ui设计师共同研究用户体验。
当然，在有交互设计师岗位的公司里：
这些一般都是较大公司，一般设置UE岗位来负责交互设计和用户研究。产品经理和交互设计师都会考虑用户体验，所以产品经理有时也会参与到交互设计的环节，而且在产品需求设计的时候产品经理和交互设计师也有很多的工作重叠。
通过以上分析我们看出，产品经理和交互设计工作内容有重叠。交互设计和视觉设计工作内容也有重叠。
所以，一般做ui设计最好具备视觉设计和交互设计两个方面的知识体系。
三、知识架构
1、视觉设计部分：
首先，视觉设计不仅仅是做ICON，做界面或者界面元素。 很多人认为，如果去互联网公司做视觉方向ui设计，只会简单做图标、界面就OK。这是极其幼稚的想法。
一般公司如果花钱雇专职视觉设计师的话，那么整个公司的美术设计工作一般都会给视觉设计做。这就要求你几乎精通平面设计师所会的所有知识。
所以，如果你想今后在视觉领域混，那么以下几项技能必不可少：
1)平面构成; 2)色彩构成; 3)版式设计; 4)心理学; 5)美术绘画; 6)设计意识;
2、交互设计师应该具备的基本能力：
1)了解用户体验设计、可用性原则; 2)信息挖掘、用户调研、数据分析; 3)良好的逻辑能力; 4)心理学;
5)交互设计原则、不同平台的规范; 6)产品视觉感; 7)沟通能力。
四、职业规划
由于ui设计、交互设计、产品经理工作内容关联性比较强，而且有部分交集，很多UI设计师选择ui-交互设计-产品经理这个发展路线。
但是大家要明白，这3个岗位毕竟是3个不同的方向，每个方向需要的专业能力还是很大不同的。最终选择怎么发展还是要看自己的兴趣。
很多人认为产品经理工资高，想从ui转产品。这个也要看公司，一线公司UI设计师一般都15K+了，但小公司的的产品经理也就12K。只是行业分工不同，没有高低贵贱。 即使你只想做视觉设计，也不是没有发展的。国内一线修图师，一张图价格3K起。而普通修图师，一个月也挣不了这么多。
所以无论做视觉、交互、还是产品经理，一是要看自己适不适合;二是要看自己的兴趣。不要盲目跟风!
五、常见问题
1.视觉设计就是美工?
每当看到这句话，我的心里就像有1万头草泥马在狂奔!!!!! 不想当设计的美工不是好店长!!!
行业分工不同而已，行行出状元。努力做好自己的工作才是重点。
一般情况一个合格的设计师，如果在一线城市，工资不会低于9K。这要看能力，大部分人拉后腿，是因为自己根本不合格!所以即使你换个行业，不努力，照样不会改变现状! 2、UI设计师需要会Axure么?
首先，你要明白交互设计不是Axure操作员。
交互设计不等于使用Axure设计原型中的交互界面! 大家要清醒认识Axure在产品设计中的位置!
交互设计的出发点在于研究人在和物交流(dialog)时候，人的心理模式和行为模式，并在此研究基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求(usefulness，usability，and emotionality)。从这个角度看来，交互设计是设计方法，而界面设计是交互设计的自然结果。
交互设计的步骤包括：
1)用户调研
2)概念设计
3)创建用户模型
4)创建界面流程
5)开发原型并进行可用性测试
很显然，使用Axure设计快速原型，应该放在交互设计的整体工作结束后，也就是框架层设计时进行。
所以，Axure只是一个工具。在产品结构层设计的时候，最好的设计工具就是你的大脑和铅笔。
当你做一个产品的信息架构时，用铅笔画出的信息架构和界面流程草图会比软件做的更加直观、形象。 3、UI设计师需要会代码吗?
在小公司，还有就是传统的软件外包企业(如用友和软通动力)，这样的公司往往需要UI设计会点XHTML+CSS。
但现在大部分互联网公司已经有专职的前端了，不需要会代码。
并且熟悉XHTML+CSS只需要2周左右，所以学不学看你自己定位! 4.产品经理和交互设计师的区别?
产品经理需要懂交互， 但交互设计师不等同于产品经理。
产品经理更侧重于用户需求开发。
交互设计师更了解用户行为习惯，了解用户体验。
2024年app网页设计规范 篇3
首先需要弄清楚题主所说的APP页面设计设计被使用了，这里的设计指的是哪个部分，因为APP的不同页面也有不同的部分，比如，tab栏，标签栏，搜索框页面，页面排版，图标设计等等。设计的排版布局被使用
这种情况我们其实无法去追究别人的责任，排版布局是一个非常虚，非常玄的一个概念，在手机页面有限的空间内去构图和排版的，其实种类的方式并不会太多，除非是非常有自己的品牌企业特色的排版方式。
而TAB栏，标签栏，搜索页，配色等方面的盗用，同样是没有太好的方式去追究，毕竟tab栏，标签栏这些都是已经被规范好的，而配色，我们也无法去声明配色是自己发明的或者有自己的知识产权，所以如果这些内容是被他人使用了，我们是无法在法律上去指责，只能道德上指责他人。图标被盗用
如果图标是已经申请了版权，同时，他人完全一比一的直接盗用图标，那这个时候，我们可以直接通过律师函的方式去进行诉讼，前提最好还是先做沟通，如果沟通无果，再进行诉讼。整个页面全部照搬
这种情况对方就真的挺过分的，完全不仅过沟通和作者的同意，直接照搬作者的作品去商用
首先先对抄袭者做调查，查看该页面是否已经商用并且有大量用户使用，持否存在交易。
存在商用行为则立即跟对方去沟通，需要确认对方的抄袭，剽窃作者作品的行为是否存在，如果确认是存在，则立刻要求其停止使用你作品的商用行为。期间做好沟通。
如果对方否认并且拒绝，沟通无果，则走法律程序
首先，你的APP是有个人的版权登记保护，收集关于盗用作品的证据，提供个人的源文件和工作文件。资料收集完成后，提交到部门进行诉讼。还有另外一种情况
如果盗用作品的企业是比较大的，并且在后期的合作上有有益的，有非常好的未来发展方向，这种情况下其实是可以考虑沟通的方式，把版权出售给抄袭方，如果抄袭方同意，并且达成合作的目的，这样就会有双赢的。如果是双赢的局面当然是更好的，但是企业沦落到使用你的设计作品，要么就是你的作品实在非常优秀，要么就是企业的道德不行，所以需要具体问题具体分析。
2024年app网页设计规范 篇4
希望正在为自己未来职业规划迷茫，或者因为种种原因在纠结是否要从事UI设计的大学生能够花五分钟看完这篇文章，也许你会有收获。
认清社会，认清自己：
整日无所事事，萎靡不振，打起精神想看书，十分钟后却酣然入睡。相信这是目前很多在校大学生的常态。
大学这四年，被念叨最多的词是【迷茫】,【浮躁】则是我们一贯的气质~
迷茫是因为,本不打算从事本专业，可是跳出专业发觉自己没有特别擅长的事。
想找份实习工作，又搞不清楚往哪个方向发展。
抬头望望毕业季就要到了，即将步入社会却不知何去何从。
没有清晰而精准的求职目标，海投简历回复寥寥，对未来提不起劲。
不清楚行业对人才的实际要求是什么，也不知道大学哪些经历对于求职最加分。
而浮躁则是因为选择太多,感觉自己做什么都行,做什么又都不行.在这样反复中,大学四年早已结束.
每年6月的报纸都写着今年是应届生求职最难的一年。
不少在校大学生认为只有走出校园，开始工作了，才需要职业规划。
其实最早的职业规划应该是高考选择专业甚至文理分班时就确定了。否则的话，选择了自己不适合的专业，在学校里或者进入职场后，需要付出比别人多几倍的时间精力以及财力成本。
而已经进入大学校园，虽然晚了一步，但是比起已经踏入职场的职业人来说又是早很多步，把握时间，确保了自己少走弯路。
大学生求职专业相关工作困难，表现在一方面是不清楚自己适合切入哪个起点有发展；另外一方面是不知道自己能力在什么位置，能找到什么样的工作。
现在大学教育注重专业知识的教导，以应试教育为主，学生缺乏实际操作能力，对职场要求以及背景内容不能系统化的了解，和市场需求脱离实际，当然这个是学生自己无法改变的。
那么无力改变大环境的背景下，自己就必须行动起来，做好相关准备工作，否则毕业后需要走更多的弯路，浪费更多的的时间精力。
我为什么要学习UI设计呢?
360行,行行出状元!我一个大学生选择这么多,为什么非要做UI设计这行呢?
我想说的是大学生就业制度的改革，大学生自主择业已是大势所趋,除非你在某个行业有过人的天赋,否则选择从事任何行业你都是需要”回炉重造”,既然如此为什么不选择一个”高薪””发展前景无限光明”的职业呢?
目前移动端互联网的发展趋势已无法阻挡，人们的生活已经离不开手机，作为移动端界面设计的UI设计师，已成为众多企业争抢的对象。受高薪的诱惑，大量的人开始奔涌进入这个行业，对于就业困难的大学生来说，也不失为良好的选择。同时，中国的UI设计行业刚刚起步不久，专业人才非常紧缺，如果现在入行，一定能尝到最大的甜头。
我没有设计基础怎么学UI设计啊?
从零开始是每个人都要经历的阶段,只要你想学,对UI设计有足够的兴趣, 兴趣对成功有很大的推动作用，即使你没有美术基础，没有设计天赋，你照样可以做得很好。况且我个人认为如此高的薪资是值得我们拼搏一把的! 那我要怎么学习呢?
自学?
通过在网上收集资料或是自己买资料，自己学，当然零基础的同学，我非常不建议通过这种途径学习UI设计，毕竟不系统，走的弯路多，费时长。
边工作边学习?
很多同学都想着等到了非实习不可的时候再找一家公司边工作边学习,但要知道一家盈利的公司为什么要免费教你东西呢?你认为你有什么过人之处吗?那些公司只是需要廉价劳动力而已,拿着每个人几百块钱的餐补干着又苦又累的活,几个月下来什么也没学到,不是浪费青春是什么?
培训?
目前社会的教育体系及课程设置导致了,没有设计基础的零基础小白想成为UI设计师拿10K+的高月薪,除了参加培训没有别的出路.但是选择什么样的培训机构是我们可以选择的.
UI设计培训班，一般分了二种一种为线下一种为线上。
线下的培训费用一般是1-2万左右，一般学习周期是4-6个月，适合不工作不上学，经济条件不错的人。全天学习，不过零基础学的话，难度比较高，因为时间只有4个月，所以压力是非常大的，还有就是有地区限制，比如北京的线下培训就必须去北京学习，还不包吃住的。所以算下来4个月差不多最少也需要30000左右的资金投入。太高了。要是没有学会，或者说学不下去。就太浪费了。
第二种就是线上培训，一般学习周期也是4-6个月。第一期还有没有学懂的，第二期可以再学习。（但心学不会的，也可以放心了。怎么磨也磨出来了）有白天课程也有晚上课程，比较方便。适合边上班边学习的人，也适合经济条件不是好的人，同时更适合想转行又但心转行失败的人。可以边学边转，学会了就转，没有学会前又有自己的工作。
2024年app网页设计规范 篇5
我们的移动端的UI设计规范也层出不穷。很多APP设计师也要在年底给公司或者是团队做一个总结。那么一个像样的APP ui设计规范也是很有必要的作品回顾。
在创业公司做着一位独立设计师，说好听点是独立设计师，难听点，就是唯一的设计师。创业型公司，UI UE你要全包。但是我还是很有追求的在每个版本改版之后，更新设计规范。我的设计规范没有大公司那么高大上，只包含了字体选用，配色运用，ui kit这些东西。
很多设计师做这个设计规范，纯粹只有两个原因：
1、要设计的界面太多了，而且产品迭代很快，来不及一个个界面标注重复性的东西，于是我就出一个字体运用规范，让开发看一个文档就好了。有个设计文档和UI设计规范，可以减少很多设计与开发之间的沟通。
后来给开发团队引进了zeplin，安卓小伙伴持续用着，ios开发，一直看着我的sketch源文件，在我教会开发sketch后，我连字体规范都少写了很多。
2、把这些东西一个版本的整理迭代好了，哪天来一场说走就走的旅行，没有交接成本，即使公司找不到设计师，开发哥哥直接用这个规范，就可以分分钟上岗党设计师了。直接甩这个规范的sketch源文件就可以了。
移动端一套完整的UI设计师也就是包含8个方面：
1、标准色
2、标准字
3、图标
4、 按钮
5、公共控件
6、模块
7、布局
8、APP效果展示图
换句话说就是
配色 字体 排版 布局 按钮 表单 提示框、标记、标签
弹窗、提示框 图片尺寸（banner、模块图片、头像图片）等元素进行规范整理。
也就是每一位APP设计师都会经历的一个过程。也是APP设计师学习和进步的过程
2024年app网页设计规范 篇6
字体没有统一的标准，一般网页可以指定优先使用哪种字体和采用哪种编码技术；如果本页面指定的在客户端不存在，将调用客户端本地的字体来代码，因此网页设计指定的字体只能是建议或提倡的字体。一般需要在头部采用以下标记来实现：
字体编码使用以下HTML标记来实现
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
这里是使用utf-8国际编码，如果是中文可以使用gbk或gb2312。
建议字体需要在CSS样式中进行指定
body {font-family: "宋体" Arial, Helvetica, sans-serif;}
这里优先使用“宋体”，如果客户端没有，则寻找Arial字体，依次类推。
2024年app网页设计规范 篇7
先回答个问题吧：
A.设计，你是一名有美术基础的学生，有一定艺术基础。
B.制作，你是一名理工科学生，有较强的逻辑思维能力，已经具备了成为一名程序猿的觉悟！
如果你选A：那好吧，你要学习的方向很清晰，由于艺术功底的BUFF加成，你可以很享受工作。你需要学习以下内容：
1.HTML超文本标记语言：虽然HTML也被称为语言，但实际上更应该被称为标签标注，非常简单容易。目前正在使用的是HTML5标准，我觉得学习起来更简单。
发一个参考教程链接，可以先了解一下。
https://www.w3school.com.cn/html5/index.asp
2.CSS层叠样式表单：虽然HTML可以制作出一个功能完整的网站，但他是没有被“美颜”的，要想让你的网站变漂亮，至少要学习这个技术，还好，也不难。
参考教程如下链接：
https://www.w3school.com.cn/css3/index.asp
3.Photoshop：哦，对不起，一名艺术专业的学生怎么可能不会Photoshop，这是必修课，所有网页上的图片、LOGO、Banner等都要用图像处理软件来制作、修改。
4.Axure软件：这个是网站原型设计软件。它可以快速的设计一个网站的用户界面，提交给用户反馈，然后快速修改，直到用户确认。你就可以将这个设计好的原型，提交给同伴去制作成真正的网站了。
好了，选A的同学结束了，恭喜你，靠天赋就能混的不错。
如果你选B：那好吧，恭喜你！格子衫、996、脱毛谢顶走起！学习规划图如下：
1.跑不了的HTML语言：必须一天学会！太简单了，无论是否能熟练应用，但必须一天内学会！学完这个，你就会飘飘欲仙，觉得网站制作如此简单！然后被套牢。
2.逃不掉的CSS样式：即便不完全学会，也要能完全看懂别人写的表单效果，未来是一定会用的！否则以后调试页面会给你逼疯！完全学会也只需要3天，但熟练掌握可能要数月！因为技巧很多，还要注意各种浏览器的坑要填。
3.终极奥义Javascript语言：这里是坟墓！是埋葬了很多人的万人冢！没有网页制作人员能绕的过去，掉进去就会被埋！是否能浴火重生就要看自己的决心了！如果能学会，后面一堆技术都难不倒你。
4.至少学习一个网页框架吧bootstrap：为了快速开发，已经有人帮你整个好了一个库，将前面三种技术整合到了一起，你可以很快速的开发出一个网站来。尤其是网页布局，很容易！2天学会。
至此，网页前台就已经差不多了！
有小伙伴觉得给你的压力还不够，还有一大堆要学的。没关系，你学到上面4个后，自己就会知道还学啥了！不用我们再教你了。
接下来是页面后台了！
要想让你的网站能从数据库中读取数据，并显示出来！或是将文本框中用户输入的数据存储到数据库中。那都要学习后台技术。作为一个初学者，建议你：
1.PHP语言：php是世界上最好的编程语言！（稍等老衲先去包扎一下伤口）。使用会用PHP，可以让你了解网站后台运行的全部机制！相对简单易用。尤其是作为学习阶段，还是可以接触一下的。但现在Java如日中天，用PHP的已经相对减少很多了。
2.Java语言：未来你想从事企业级网站应用的开发、安卓系统移动应用程序的开发，都离不开java！虽然我不喜欢它，但无疑，他是使用最广泛的！
3.. NET技术：好吧，也可以不学，可以跟以上两门语言划等号，可以实现全部的功能。但这个派系人单势微，不提也罢。
4.数据库技术：根据你选择的行业、语言的不同，你可能也会选择不同的数据库技术。这个太麻烦，有需求再细说吧。
5…
6…
这个列表是总也写不完的！一入猿门深似海！这辈子永远学不完！
就到这里吧！