Hi,我是优设小编

ranger

浏览全部 323 篇文章

到我的微博瞧瞧

20个专为无线端设计提供灵感的资源站

20个专为无线端设计提供灵感的酷站

@Iamkikidong 这几年研究手机和平板应用程序的开发者越来越多,都知道这是一碗香饽饽。但!设计出合适的UI组件以及适合大多数用户的操作流程,这些问题会非常棘手。当你设计思绪堵塞的时候,看下其他设计者的作品会很有帮助。

那么在今天的文章里,我要跟你分享一些我自己用来寻找手机和手机UX设计方面的灵感网站。我把它们按照我寻找的方式进行了归类。

相关文章推荐:
经验分享:移动端设计开发经验之设计篇
那些过目不忘的无线端交互设计(Dribbble GIF动态图)
图书推荐:移动应用UI设计模式

一、导航,列表等应用的布局设计

当设计一个特殊的组件或应用时,直接通过模板来寻找灵感可以节省很多时间。你会在这里找到一系列有用的资源,这些资源展示了按手机布局分类的不同应用程序的视图。

1、仅限安卓的布局设计资源站

Android App Patterns

Android App Patterns 上有超过1130张手机和平板的屏幕截图。你可以向下滚动浏览更多。

01

Androidux

Androidux 是另一个你可以汲取灵感的”安卓设计”布局的资源库,可分类浏览。

02android-ux

 

2、仅限IOS的布局设计资源站

Uxarchive

在Uxarchive上,你可以对针对不同的iOS组件设计的用户操作流程进行对比。

03ux-archive

3、混合操作系统的布局设计资源站

Lovely UI

在Lovely UI,你可以通过选择不同的设备进行筛选,也可以通过标签分类筛选UI模式。

04lovely-ui

Mobile Patterns

在Mobile Patterns上你可以选择布局分类,或通过设备进行筛选。

05mobile-patterns

Mobile Mozaic

Mobile Mozaic 混合了不同设备上的漂亮的UI布局,但你不能根据操作系统进行浏览。

06mobile-mozaic

Pttrns

Pttrns 提供了超过1380款不同手机布局的屏幕截图。不允许通过设备进行筛选,但允许你通过网站提供的放大功能查看更多细节。

07ptrrns

Inspired UI

Inspired UI分两个不同的网站展示手机的布局设计:默认页上可浏览iOS的布局设计。

08inspired-ui-ios

切换到安卓版本可以查找安卓的布局设计。

09inspired-ui-android

Pattern Tap

在Pattern Tap上,你会找到超过4450种布局设计,可以通过设备(手机,平板或桌面),类型还有风格来筛选。

10pattern-tap

4、通用布局设计

如果你不是特意寻找一些”视觉”上的灵感,更多的是手机布局设计本身,你真的应该看下 Android Patterns和Windows Phone Patterns这两个网站。

Android Patterns

11android-patterns

Windows Phone Patterns

12windows-phone-patterns

5、按类型分类的应用程序设计资源站

如果你不是在寻找特定的UI布局,而是相同领域的应用程序设计方面的灵感。若是这种情况那下面的链接可能会对你有所帮助。

TappGala

在TappGala上,你可以通过不同领域来筛选应用程序的设计。

13tappgala

二、综合类应用程序设计和演示资源站

如果你不是在寻找特定的应用程序界面设计或UI布局,只是想浏览下这方面的漂亮截图,那你应该看下以下这些网站。

1、仅限IOS的应用程序设计资源站

iOSpirations

在 iOSpirations上,你会找到针对iPad,iPhone以及图标和应用程序设计方面的灵感。

14iospiration

2、仅限安卓的应用程序设计资源站

Holo Everywhere

Holo Everywhere是设计起来向安卓4.0致敬的。在这个博客上你会找到不错的应用程序设计,还有布局以及非常好的一些提示。

15holo-everywhere

3、混合平台的应用程序设计资源站

Ultra UI

Ultra UI是你可以找到安卓和iPhone套件设计灵感的另一个网站。

16ultra-ui

Meerli

Meerli在每个设备(iPhone,iPad和安卓)的不同子领域上拥有很多相同的设计规则。你还可以获取应用程序图标设计方面的灵感。

17meerli

Mobile Awesomeness

Mobile Awesomeness精选了一些最好的资源供你开始创建手机站点的时候参考,另外提供了站点在手机屏幕上的效果演示功能。

18mobile-awesomeness

三、其他资源站

这貌似谈不上”灵感”了,但如果你喜欢手机线框图,你可能会对Moobileframes产生兴趣,一个图片集锦网站,收罗了一些非常好看的线框图。

Moobileframes

如果你正在寻找一枚设计师,或纯粹想看下其他设计师的作品,那么你可以逛逛Scoutzie,这里聚集了一些顶级的手机设计师。

19moobile-frames

Scoutzie

20scoutzie

四、现在轮到你啦!

我已经分享了当我寻找手机设计方面的灵感时所用到的大多数网站链接,可能遗漏了一些。但我感到特别奇怪的是我居然没有找到任何仅限Windows手机设计的资源站。等你来补充吧!
 

原文:onextrapixel
优设编辑:@Iamkikidong

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量47万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/mobile-design-where-to-get-inspiration