导航:首页 > 万维百科 > app设计网页

app设计网页

发布时间:2021-03-07 02:08:58

1、如何用UI设计软件做app页面

第一点:了解你的目标客户群的心态
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界面设计作品必然是要经过不断升级、重复迭代的。

2、#ui设计师#一个App和网页设计的流程是什么样的?能详细说明下吗?

APP设计流程 接到项目,先进行市场分析确定他的可行性,然后对目标用户分析确定他的可用性,竞品分析,吸取竞品的优势,根据用户研究做出原型图设计,再根据原型图进行优化升级,做出合适风格的高保真图,最后切图,标注给开发人员。
网页设计流程 网页的话很APP进行的差不多,前期分析,而后根据企业特性,公司文化,公司特色,公司形象,展示自己的优势,做出让用户易操作,易识别,易用性高的网站。 来自职Q用户:用户3780419
行业定性-市场方向-市场调查-潜在用户-确定功能-开发流程(原型图-视觉图-开发-测试)等 来自职Q用户:匿名用户

3、国外优秀的app设计网站有哪些?

 10个国外较优秀的UI设计网站。作为设计师,除了要有庞大的素材库,要保持高度的行业敏锐度,得到第一手行业资讯,还要不断地学习充电。通过它们,你就能每天收到设计行业最新的相关资讯,包括行业动态、设计作品、创意灵感以及素材等等。

1、UIparade:灵感UI设计目录网
UIparade:灵感UI设计目录网是一个致力于设计师UI设计作品分享的网站,提供世界是最有才华的设计师们的优秀作品,帮助设计师们获得UI方面的设计灵感,提供丰富的设计参考案例,同时还提供收费版的在线设计工具。

2、MaterialUp:创意UI设计灵感分享网
MaterialUp:创意UI设计灵感分享网是一个致力于移动应用和网站程序、概念设计作品展示的网站,每周都会更新最新收录的创意设计,帮助设计师们寻找极富灵感思维的设计作品,设计没思路?没灵感?那么你就赶紧订阅这个网站吧。

3、HudsandGuis:科幻UI界面分享博客
HudsandGuis:科幻UI界面分享博客是一个致力于分享电影里的科幻类UI界面设计的站点,我们都看过钢铁侠系列的电影,对于里面的带有浓厚未来科技理念的UI界面设计有着强烈的视觉冲突,该博客就是分享此类的UI界面设计资源。科技UI界面是从国外的科幻电影里衍生出来的新设计理念,这样的UI设计拥有超前的想象力和极简的设计元素,是提醒未来科技发展的最佳创意思维,越来越多的科幻电影采用了这样的视觉展示资源,让电影里的未来气息更加浓厚,如果你喜欢此类UI设计的话,不妨多关注这个博客网站,你会收到到很多超酷的UI资源。

4、Mantia:苹果UI设计网
mantia.me是一个苹果手机UI设计站点,网站提供免费的icon图片和桌面以及UI设计下载和使用。网站作者曾经是iTunes团队人之一,参与了iTunes图标的设计。

5、Android Design:安卓UI设计网
安卓系统的UI界面总比不上IOS的优秀和炫丽,很多手机控对安卓的UI一直建议非常多,这不谷歌Android团队也看不下去了,终于宣布推出安卓UI指导性质的网站:Android Design:安卓UI设计网。该网站上有很多资料,其中包括一般风格指南、设计样式,以及Android的部分默认UI 构件 — “Building Blocks”。网站还重点介绍了Android 4.0中用户界面元素,有些新特征在老版本中可能不能立即得到支持。但就长远来说,这是一个不错的改变。

6、FluiDui:智能手机UI设计测试平台
  FluiDui:智能手机UI设计测试平台是一个针对于苹果手机和安卓手机系统UI设计的网站,可以在线通过谷歌浏览器试用Fluid UI,进行一些换肤、位置、图标等测试。苹果手机和安卓手机的流行也为手机系统的UI设计添加了一把火,想这样的可以在线通过浏览器来调试系统UI的网站少之又少,如果你是手机系统UI的设计师,那么这个网站绝对要去试试了,不过需要注册以后才可以试用,登录后有非常丰富的图标、套图、模版可以在线测试的。

7、LovelyUI:可爱的UI手机界面设计库
LovelyUI:可爱的UI手机界面设计库是一个致力于智能手机界面设计作品展示的博客网站,由众多程序界面设计师上传分享出来的,该网站分类详细,用户可以更加分类来查看不同的界面UI设计。手机系统的界面UI就跟大厨做菜一样,你的菜谱要征服用户的胃,应用程序界面也需要吸引用户的眼球才能让一个应用程序有良好的用户体验,要想提高自己的设计能力就需要去取经,该网站就是你取经的必备网站之一。

8、GetUIcolors:在线UI颜色分享网
GetUIcolors:在线UI颜色分享网是一个帮助设计师发现最佳颜色搭配的网站,当你在设计UI素材的时候合理的颜色搭配就显得非常重要,该网站把搭配好的颜色整合在一起供设计师使用,直接复制即可。

9、UI Cloud:UI设计素材云搜索引擎
UI Cloud:UI设计素材云搜索引擎是一个针对UI设计素材搜索的网站,通过关键字搜索你所需要的素材,并且下载是完全免费的,漂亮的网站UI设计加上优秀的素材下载资源,绝对是你找素材的好应用。
UICloud平台收集了来自世界各地的互联网上最好的UI元素设计作品,并提供了一个搜索引擎为你找到所需要的最好的UI素材。
该平台的目标是要创造最大的平台,展示其顶级的用户界面设计,并为开发人员轻松快速地创建项目,辅助其获取得到最好的UI素材。目前已收录超过22444个UI作品。

10、Fltdsgn:平板UI设计分享网
Fltdsgn:平板UI设计分享网是一个提供平板APP和html5网站模版UI作品展示的网站,帮助设计师们寻找灵感,激发你的创意思维,支持邮箱订阅最新更新,每天都可以让你找到创意模版设计资源。在该网站你除了可以寻找合适的UI外,还可以提交自己的设计作品,该网站收录的创意作品,除了有截图还会发布作品设计来源,也可以作为宣传自己团队的平台来使用。

4、求设计大佬推荐几个资深的app设计网站。谢谢

不是设计大佬就不可以推荐了吗?/悲伤

使用Fotor在线设计工具,我不懂设计,不会PS,操作很简单,我觉得如果有经验的人用起来会更方便快捷的。

5、网页设计都用哪些软件

Fireworks Dreamweaver Flash PS JavaScript等。
Fireworks是Adobe推出的一款网页作图软件,软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks 不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash软件省时集成。 在 Fireworks 中将设计迅速转变为模型, 或利用来自Illustrator、Photoshop和Flash的其它资源。 然后直接置入Dreamweaver中轻松地进行开发与部署

Adobe Dreamweaver,简称“DW”,中文名称"梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Flash又被称之为闪客,是由macromedia公司推出的交互式矢量图和 Web 动画的标准,由Adobe公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

6、APP设计与网页设计方式区别

从使用场景上,Web App用户面临比原生APP用户更严峻的问题:
1、页面跳转更加费力,不稳定感更强
思考点:如何减少跳转(扁平结构、页面布局技巧),增加数据及展示的流畅流程及稳定性(技术)。

2、更小的页面空间(由于浏览器的导航本身占用一部分屏幕空间),更大的信息记忆负担;
移动设备的屏幕要小得多。这种如同透过门缝进行的阅读增加了认知的负担。人脑的短期记忆是不稳定的,用户在滚动屏幕的过程中需要临时记忆的信息越多,他们的表现就会越差。——《贴心设计:打造高可用性的移动产品》
思考点:排版更清晰、信息更简练 (可在原生APP基础上去掉一些丰富、复杂的视觉表现)

3、导航不明显,原有底部导航消失,有效的导航遇到挑战
思考点:如何有效的提供导航?有哪些形式?

4、交互动态效果收到限制,影响一些页面场景、逻辑的理解。
思考点:比如登录注册流程的弹出、完成及异常退出,做好文字提示。

区别:APP属于手机应用客户端,移动网站可以制作成APP,APP也可以呈现手机网站。

相同点:二者都属于手机系列 区别在于:APP可以安装到手机上,而移动网站只能通这用户打开网址才能打开了解信息。如果移动网站设计成app,则二者兼合。

7、有什么可以自己做APP的网站

使用网站做APP一般都是拥有固定模板的。一般使用的都是APP制作模板
它有的好处有——

1、高效低成本
效率高、成本低是app制作模板搭建手机app最大的优势。不论是企业还是个人,在使用app模板制作app软件时,可以不用再找开发团队重新开发app功能,只要明确哪种模板适合自己,能够满足自身的需求,然后进行简单的操作就可以完成一款app的制作。由于不需要app技术人员参与开发,所以价格较为低廉,一般在几百到几千元不等。
2、花费时间少、便捷
app模板开发手机app的过程比较简单,需要投入的人力、物力和资金都较少,更不需要用户学习任何app开发相关的技术语言,用户直接添加相应的内容就可生成一个满意的app应用,花费的时间较短,短的几个小时、几天,长的的一个礼拜足以。
3、制作出来的app行业性足
每个app公司开发出来的app制作模板都是经过了充分的市场调查、行业分析、用户需求分析后,通过严格的要求,对等的技术制作出来的。同时,每个行业对应的app模板是不一样的。因此,app模板的可行性较高,制作出来的手机app行业性高。
不足之处在于——
App模板虽然有高效低成本,开发时间短,制作出来的产品行业性好等优势,但是也有自身的不足。比如利用模板制作出来的手机app的特性较少,和同类型的app没有较大区别,都是一个模子出来的。再就是,app模板制作出来的app的用户粘度不高,这也是因为特性不够造成的。
制作app的模板有优势也有劣势是情有可原的,企业或者是个人在进行app制作之前对app模板有更全面的了解是有必要的,有利于分析出自身的发展情况是否适合选用app制作模板进行app开发。

而要自己可以做APP的网站有很多,一一举例的有:
云打包,商侣软件,凡科,简网,应用,E捷等等。其实真正要做一款上档次的APP,没点技术含量是做不好的。其中商侣软件和E捷比较好,通过他们的官网页面的咨询去了解。找到适合你的APP制作。你也可以适了解一下以下这些:
1、明白app制作原理
制作公司app前,公司可以先去了解一下app制作原理是什么,app开发流程有几个步骤。这样做的目的是为了让公司在制作app之前做好相应的准备和救急措施。企业app制作原理也可以很多公司俗称的制作app的进程,一般包括几个方面,如app制作前需求评估,app开发细节(方案策划、技术要求、前后端开发等)。
在知晓公司制作企业app的原理后,也就不会对app制作过程有所疑虑了,如为什么一定要进行某个步骤,为什么这个步骤非得放在那个步骤的前面等。总而言之,就是让公司在app制作流程做到心中有底。
2、App制作要找家合适的合作伙伴
接下来,公司要制作app的话,要找对制作app的方式,以及选好一个公司app制作公司或者是app制作系统。俗话说,工具是完成任务的杠杆。一个好的企业app制作公司不仅就是公司进行app开发只好的助力,这也是为什么那么多公司在制作手机app时,那么注重app制作公司名誉、质量、经验的最大原因。
3、做好公司app内容填充和推广
在一款公司app被制作出来以后,然后就要进行app内容的填充以及app软件的推广。App制作出来以后,还只是一个架子,只是有很多相应的功能,没有实质性的内容,这些都是需要公司app制作之后自行去补充的。最后,公司制作app后并不就万事大吉了,想要公司app程序有粉丝,有用户的话,还要进行app的推广。

8、求推荐几个手机app界面设计网站

站酷。优设。设计路上

9、那个制作app的网页叫什么

您好,我是一名站长
这几年用过很多平台制作app,
用来用去,还是觉得“应用之星”比较好。
1.这个网站无需编程和代码,小白用户也能在线开发app;
2.完全免费,不要钱;
3.模板齐全,一键模式有模板指导,专家模式能满足你的所有需求;
4.有数据监控和统计功能,满足后期运营的需要。

楼主有不懂的地方可以继续追问我哈~

与app设计网页相关的知识