点点·文章11

“手把手教你设计”—12个最佳手机APP界面设计教程

842人已阅

“手把手教你设计”—12个最佳手机APP界面设计教程

点点·文章11·粉丝1 +关注

UI/UX 设计确实是需要一定的经验和学识才能真正在这个行业立足,并不是所有想成为设计师的人最后都能如愿以偿。他需要对设计有基本的了解,清楚设计的基本原则。

用户界面设计师和其他行业设计面临一样的挑战,那就是用户是怎么想他们产品的,是否功能易用?是否美观让人愉悦?所以,我们可以看出UI设计是关于平衡可用性和可视化的。

这篇文章集合了12个最佳手机用户界面设计的教程,虽然教程偏向初学者,但我相信即使是很优秀的设计师仍然可以从中学到新的东西。

如何使用Photoshop来设计手机UI界面

1. How To Set Up Photoshop For UI Design

如果你是Photoshop的新手,又在做UI设计,这个教程教你如何使用常用的Photoshop设置来达到更好的效果。本文是以iPhone为实例告诉你怎么在UI设计中使用Photoshop,完全是初学者的教程。

 

2. How to Design an iPhone App in Photoshop

这篇文章将为我们介绍使用Adobe Photoshop为iPhone设计一个简单的3页目录列表应用程序。并且将一步步地指导你完成这些步骤,还涵盖了使用Photoshop设计iPhone应用程序的所有基本原则。


3. Design an App Landing Page in Photoshop

在这个教程中,我们可以看到一个应用程序着陆页的详细设计过程。设计师使用Tuts + Android应用程序进行演示,强调其功能和优势,利用多个CTA来完善整个着陆页的设计。


4. How To Design a Mobile App Signup Screen in Adobe Photoshop

如果你想要设计一个像Facebook或者Instagram这样成功的登录界面设计,那么这个完全是你必看的基础教程,视频中教你如何选择颜色,设计按钮以及详细的步骤来展示登录界面的设计过程。视频虽然是四年前的,但是里面的设计依旧不过时。

 

如何使用Sketch来设计手机UI界面

1. A Step-by-Step GUIde for Starting a New App Design Project in Sketch

开始一个新的设计项目是很难的,无论你是自由设计师,还是在知名的产品公司工作,时常会感到迷茫。本文将一步步的教你如何使用Sketch开始一项新的APP设计项目。


2. Food App UI • Sketchapp Tutorial / Sketch 4 Tutorial

视频主要是介绍如何使用Sketch制作一个美食类APP 菜单栏UI设计,简单易懂。


3. Sketch 3 for iOS App Design Step by Step

Sketch 3是一款优秀的矢量设计和图形程序,很适合用于设计iOS应用程序。在这个视频中,设计师使用Sketch 3来设计一个iPhone APP用户界面。From Idea To Reality: Designing An App With Sketch And Xcode 这篇文章是进阶版的APP 设计教程,从理论到具体的例子讲解,非常受益。


4. Sketch App Tutorial – Build a music app landing page in Sketch

Sketch 作为当下主流的设计工具,似乎有超越Photoshop的趋势。本视频介绍的是如何使用Sketch来制作一个音乐APP登录页设计,可以说是手把手的教程,每一步都非常的详细细致,非常适合初学者。


看了前面的音乐类APP登录界面的教程, 你是否也想设计出一个属于自己的音乐APP呢?接下来我将介绍如何通过结合Sketch和原型设计工具设计一款音乐类的APP(Prototype an music app with prototyping tool)

TIMING

这款原型音乐类的APP在Mockplus设计大赛中斩获头筹,设计师通过采用Sketch以及Mockplus的结合,做出了高保真原型。这个APP主要体现一种复古的视觉效果,磁带转动的效果是这次视觉上的设计重点。

 

必读的手机界面UI设计好文

1. The 10 principles of mobile interface design

计算机和手机是人们日常工作和生活必备的通讯工具。但在许多方面,手机往往更加强大,手机更加的私人化,与我们的联系更紧密。鉴于移动手机和计算设备之间的许多差异,移动设计与桌面设计的设计大不相同。这篇文章详细的向我们介绍了移动界面设计的基本原则,帮助设计师们开发移动应用程序的独特力量。

2. UI Design Do’s and Don’ts

iOS良好的优化了用户面设计,并提供给用户优质且具有吸引力的用户体验。在开始你的iOS设计之前,一定要清楚Apple官网的关于iOS常见的设计原则,来在增强手机应用的可用性和吸引力。更多关于优秀的iOS界面设计,请阅读iOS人机界面指南。 

3. How to use colors in UI Design

颜色可以说在UI设计中至关重要。用的好,那就成功了一半,用不好,可能导致整个应用失败。在你的配色方案中,最好只使用三种主色跳,使用的颜色越多。越难实现平衡。这篇文章不但提到基础的用色知识加上实例解释,还有常用的工具介绍。


4. 10 Best APP UI Design for Your Inspiration

每位UI设计师都梦想着做出最出色的界面(UI)设计, 能够脱颖而出的手机界面设计则少之又少。设计师们在设计UI界面时,往往会参考来自不同设计师的设计,这篇文章列出了2017年最出色的的10个手机应用界面设计范例,给设计师们谋福利。

 

总结

移动设计不断地在发展,如果你想跟上这个时代,你需要不断阅读和观看高质量的教程或文章。在本文中,我收集12个最佳教程的示例来教初学者如何学习手机UI界面设计,希望你们能从中受益。


打赏后可加作者微信进行下一步沟通
0人已打赏
0 0
842人已阅读

微信扫一扫

关注该公众账号

全部评价:0

相关文章推荐

  • 沪江设计师: 从一堆飞机稿中脱颖而出, 怎么做?

    总有那么些公司会让你觉得,设计logo简单得就像把一些文字和几个图形拼凑在一起。但是不论别人怎么说,想要设计出一个优秀的logo,就需要从一堆飞机稿中脱颖而出,在品牌理解与立意表达中寻找一个合适的平衡点。从设计方案提出到落实,沪江的新版logo经过多轮内外部征稿及头脑风暴,最终脱胎于二十多版样图。之所以选择了这一版富有清新感和极具网络特质的logo,意在传达“点滴学习,刷新自我,成为更好的自己”的教育理念。作为沪江第二代设计师,混迹十一年的老沪江人,我和团队是这么做设计的:idea的产生建站14年、商业化运行8年,沪江发展至今,产品种类、业务条线逐渐丰富起来了,我们围绕为用户创造价值进行更多的尝试。时间进入了2013年,当时的沪江快速奔跑,带动互联网教育行业,愈发引人瞩目,彼时的logo也再也无法承载如今沪江所代表的意义。为了去匹配现在沪江的发展趋势,向外界更好地展示沪江的新面貌,这就有了更多
    文人文 · 1年前 · logo设计
    870人已阅读
  • 小米生态链设计总监: 我吐起槽来, 连自家产品都不放过

    本文转自雷锋网如果小米在内部办一个“黑小米大赛”,与唯物交流过的几个小米员工表示,李宁宁的赢面很大,作为小米生态链设计总监,其吐槽范围几乎涵盖了小米的方方面面。当然,吐槽不是目的,而是效率手段。若中庸行事,势必会造成更大的损失。小米生态链设计总监李宁宁风口2010年10月,接到师兄刘德的电话时,李宁宁已经从ACCD毕业两年,常驻上海。问要不要应邀加入小米?她有些犹豫。释疑人是一位做程序员的女性朋友,对方表示:“互联网大潮掐不准,你赶上这一波就赶上了,没赶上就不知道下一波在哪;再次,你折腾几年潮退了,回来工业设计,这个行业还是一成不变,你并没有错失什么。”李宁宁深以为然,“一咬牙”便成为了小米第79号员工,也因此见证了“设计”在这个公司的所有内涵。“要做这个设计,它就拿不到元器件,你懂我的意思吗?要做适合80%的人的设计,我就不能走的太‘膈’你明白吗?”李宁宁措辞强烈。时至今日,她依然认为:更多
    文人文 · 1年前 · 其他
    633人已阅读
  • 读书笔记 |《游戏改变世界》激励机制

    两年前看的这本书,作为一个小游戏爱好者有一些自己的感受。在作者看来,我们玩游戏就是心甘情愿地选择辛苦的工作,听起来和我们为了放松而打游戏背道而驰。其实在我们一次次过关,升级,甚至充值的过程中,我们确实是在从辛苦的工作中收获成就感和乐趣。而这一机制也可以运用在日常生活,工作学习中,将辛苦的工作游戏化。比如游戏化的习惯养成软件HaibitRPG,用打RPG游戏的方式养成好习惯。记账软件Monny,万时应用iHour ,都是利用成就系统鼓励记录。Walkup和walkr两款与运动步数结合的游戏,通过收集系统达到激励玩家运动的效果。风靡一时的学霸拯救世界,也是通过番茄钟与社交、游戏结合实现监督学习。把辛苦工作与激励机制、社交相结合,将其游戏化,让工作更容易产生成就感和心流,或许可以成为现代人快节奏生活中的一支安慰剂。(题图为walkup截图)更多
    刘佳花 · 1年前 · 游戏设计
    757人已阅读