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

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用户界面。

这篇文章是进阶版的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界面设计,请阅读《》。

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界面设计,希望你们能从中受益。

Mockplus

作者:jongde

(0)

相关推荐

  • 360浏览器微博降级 手把手教你5秒钟恢复旧版微博界面

    360浏览器微博降级 手把手教你5秒钟恢复旧版微博界面 1.首先下载一款360浏览器,安全、极速都行; 2.接下来点击右上角的扩展图标,进入360扩展中心; 3.正常情况下,你应该可以在置顶窗里看到一 ...

  • 10个最新优秀手机应用界面设计实例

    优秀的手机端应用界面设计不仅能让用户眼前一亮,同时也能为UX/UI 设计师完成iOS或Android手机应用界面设计带来全新的设计灵感.这也就解释了为什么设计师们会花费很多时间搜寻各种设计素材和作品的 ...

  • 手机ui界面设计的要点

    手机ui界面设计公司爱上设计指出,关于手机UI设计的各种风格,尤其是界面设计的风格,更加是受到人们高度的关注.完成一款完整的手机界面设计需要包括很多程序,必须将各个程序都做好才能做出效果. 操作方法 ...

  • 手机APP界面颜色搭配案例

    今天25学堂跟大家聊聊手机APP界面设计规范之标准色彩规范.如何教大家使用色彩这个很神圣的工具. 我们先来回顾下.什么是手机APP界面设计规范? APP设计规范指对APP界面进行风格统一,对界面元素的 ...

  • 2014年11月最新的手机APP界面(UI PSD免费下载)

    今天小编给大家带来的是2014年11月最新的手机APP界面合集,是当下流行的扁平风格界面设计,绝对值得拥有.这些都是很有用的.有很多漂亮的APP界面,也有很多漂亮的网页界面,有些极简,有些质感 , 还 ...

  • 易被忽略的App界面设计细节

    谈到App界面设计,很多新手都会过于纠结界面尺寸.图标尺寸,也会在颜色.字体.间距间毫无头绪.本文将按照app界面设计流程来讲解一下,新手需要注意的细节和误区. App界面设计流程 产品定义 产品定义 ...

  • 用ps怎么设计手机app登录页面教程

    下面小编教大家怎么用ps设计手机app登录页面,手机软件登录的时候都有登录界面的,该怎么使用ps设计一个手机app登录界面,下面我们就来看看详细的教程,需要的朋友可以参考下. 操作方法 01 1.开P ...

  • 手把手教你如何破解无线网络密码(蹭网教程)

    手把手教你如何破解无线网络密码(教程) 本文只做技术交流之用,提醒各位注意无线网络安全性,请勿用于其他用途,否则后果自负.       前言:面对电脑搜索到的无线网络信号,你是否怦然心动?但看到一个个 ...

  • APP开发傻瓜式,教你5分钟自己制作手机APP

    手机APP开发,必须选择APP开发公司? APP开发公司良莠不齐,报价高.周期长,而且容易产生后期的修改费用. 这里给大家介绍一款APP开发工具,傻瓜式开发,不需要懂任何编程技术,5分钟就能速成手机A ...