国外优秀的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外,还可以提交自己的设计作品,该网站收录的创意作品,除了有截图还会发布作品设计来源,也可以作为宣传自己团队的平台来使用。
一、 Dribbble
Dribbble 是一个面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线查看已经完成的作品或者正在创作的作品的交流网站。
二、Behance
Behance 上每天都会从各种领域中的顶级组合探索出新作品。是著名的设计社区,在上面,创意设计人士可以展示自己的作品,发现别人分享的创意作品。
三、站酷
站酷的用户量庞大,是设计师的互动交流社区,汇集了中国大部分专业的设计师、插画师、摄影师、艺术院校师生等设计创意群体。
四、Houzz
Houzz 有一个庞大的设计师库,是一个互联网家装平台,兼具网上市场和社交网站的功能,通过连接业主,家装设计师和施工方,提升室内家装效率,用户可以在平台上直接与设计师沟通,联系平台上的施工方,此外,用户还能在平台上分享家装经验和装修后的图片。
五、花瓣
花瓣是一个基于图片社交应用,花瓣上汇集了全球最热门,最受欢迎的图片,通过瀑布流的形式展现,是个找素材的好去处。
六、Pinterest
Pinterest 采用的是瀑布流的形式展现图片内容,无需用户翻页,新的图片不断自动加载在页面底端,让用户不断的发现新的图片。( ps :现在要下载的话需要费点心思)
七、榫卯
榫卯是一款优质的国产 APP,上面的设计和素材都是十分用心筛选出来的,就算不是木工,也可以学习,特别适合爱好文艺的设计师。
八、Design Hunt
多个创意类网站的订阅推送服务,编辑每天帮你推荐「他们认为」最好的创意资源,要看情况自己取舍。
九、DN Paper
Designer News 的第三方新闻客户端,每天最新的关于设计的新闻和资料推送,是每天充电的好选择。
十、设计癖
设计癖是一款帮助大家「发现好设计」的软件,囊括各大设计领域,每天推送关于设计的文章,想要涨姿势下载设计癖 APP 一定能满足你。听说配合网站和公号看更好呦~
一、明确用户人群
如果用户是一些老年人就使用一些较大的字体,方便其浏览界面如果是一些上班族,就尽可能保留用户习惯,并根据用户习惯推送一些日常较为关注的热点资讯等。这就是我们说的,在设计之前一定要明确用户人群,成年人,青年人以及老年人的使用习惯都是不一样的。
二、合适的颜色方案
从一定意义上来说,颜色是app设计过程中的核心元素,我们可以通过主题色的选择确定相应的色彩配置方案,利用不同颜色的特性将其用于不同的领域。比如律师app的设计多选黑白灰三色,让人从视觉感官上就能体会到律师一行的庄重,严谨。
三、用户界面直观化
现如今应用市场竞争非常激烈,用户的时间也逐渐趋于碎片化,因此比较直观的能让用户一目了然的app才能在激烈的竞争中得到用户的放心。设计师在设计之前可以多看看现在市面上比较受欢迎的app设计,并且学以致用,为自己的设计加分。
关于App的设计理念有什么,环球青藤小编今天就和您暂时分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣,希望分享的这篇文章可以给您的学习或工作提供帮助。如若您还想了解更多关于平面设计的素材及技巧等内容,可以点击本站的其他文章进行学习。
原文链接:http://designmodo.com/design-apple-watch/
(前言掠过……)
Apple Watch上的app由三个部分组成:WatchKit App,Glance和Notification(消息)。每一个部分都有各自的功能和设计上的挑战。
WatchKit App是查看和与app数据交互的最主要的方式。它一般是通过主屏幕打开,但也可以通过Glance或者Notification进入。
在WatchKit App中只有两种导航方式,一种是基于层级的导航方式,另一种是基于分页的导航方式(译者注:看下面的图就会很明白)。尽管在iOS的app中可以创造个性化的导航方式,WatchKit App在这方面非常局限,并不支持任何形式的个性化。
基于层级的导航方式对于复杂应用来说特别合适,集合了一些非常有意思的爱疯应用,这些应用需要用户在到达最后一屏前进行一系列的选择。记住,苹果希望大家在10s内使用手表,所以请设计一个现有app的补充品而非替代品(译者注:burst在这里不知道怎么翻译=。=)。
基于分页的导航方式让用户通过水平滑动来切换不同页面。当页面之间的信息并不和其他页面关联的时候,这种导航方式会很棒。
在设计之前,请先弄明白哪些信息对用户来说是最重要的,他们之间的联系方式是什么,然后选择最适合的导航方式。
Glances是用户最喜欢的那些app里一系列跟当下的时间和情境高度关联的可供浏览的时刻。这些页面可以通过向上滑动看到,并可以通过水平滑动进行切换。并不是每个应用都需要有Glance 。
这个页面是不能上下滑动的,所以只能把最重要,最核心的信息放在屏幕上,并且通过不同的颜色,字体大小和图案从视觉上区分不同的Glance。在Glance上的任何地方轻轻敲击都可以打开对应的应用,所以请避免使用按钮,滚动条和菜单这样的控制器。
最后,Glance都是基于特定模版的,所以你的设计必须符合其中一种模版形式,确保信息的正确呈现。苹果提供了一系列的模版,包括了屏幕顶部和底部的设计。
Apple Watch apps有两种消息通知方式,一种叫做短消息, 另一种叫做长消息。当一个用户收到一条通知的时候,首先会显示短消息,并且只会显示一小会儿。用户可以放下他们的手腕,让消息自动消失,也可以通过继续抬着手腕或者敲击短消息界面来查看长消息,了解更多细节。
因为手表是会被用户一直佩戴的,所以你肯定希望将消息限制在那些最有用的信息上。持续地被一些无关紧要的信息打扰是很令人讨厌的。最好的消息应该充分利用使用者所处的情境,比如说位置,时间或者活动,去提供及时的,相关的信息碎片。
短消息包含了app的图标,名字,消息标题。因为消息标题是你唯一能控制的东西,它应该有效地指示消息的正文内容。
长消息的界面形式对所有app来说都是一样的。顶部展示app的图标和名字(可以自定义那一栏的颜色)底部是取消的按钮。中间是消息正文和按钮,按钮最多可以放四个。
除了我们每天在手机上都会进行的点击和滑动操作之外,Apple Watch提供了另外两种交互方式:Digital Crown和Force Touch.
app可以通过crown实现上下滑动,而不需要因为滑动手指造成信息展示的阻碍,这种交互方式对内容较长的页面来说特别好用。(译者注:我理解就是屏幕太小,手指点在屏幕上滑动就看不太到页面上的内容)
Apple Watch是可以区分敲击和按压的。就像是在鼠标上进行右键点击一样,按压之后可以展示一个跟当前页面相关的菜单,菜单最多可包含四个项目。
手表上并不支持多指触控的手势,比如通过捏来缩放屏幕。
Apple Watch有两种尺寸,38mm和42mm。小一点的屏幕是349*272像素,后者是390*312像素。因为手表也是跟手机一样的retina屏幕,因为你可以提供@2x的图片。
你不需要提供不同尺寸的图片和布局(当然你想的话也可以),因为苹果使用的是相对的尺寸,所以所有素材都实现屏幕的自适应。
设计app的时候,苹果建议使用黑色的背景以便适应表圈的颜色。深色背景在光照下也会表现得比彩色更好。因为表圈本身就有视觉边距,因此请最大程度地利用可用空间,使得设计可以占据整个屏幕的宽度。
对于按钮来说,苹果建议使用占满整个宽度的按钮,但是如果需要并列摆放按钮,请使用icon而非文字。不建议在同一行摆放三个或三个以上的按钮,因为手表的屏幕比较小。同一个屏幕的按钮的高度应该保持一致,以实现视觉上的连续性。
因为是在一个深色背景上设计,最好使用高亮度,高对比度的颜色。颜色本身也是增强app的品牌识别度的一种方式。
每个app都会有一个自定义的主色调,这个主色调会用于在状态栏和消息通知里的app名称。你同样可以自定义长消息里的顶栏颜色。
漂亮,细致的动效可以优化用户的体验,让app更有参与感,动效性和辨识性。在手表上设计动效,动效本身应该快速,并且有实际的作用。如果动效太慢,妨碍了用户快速获得信息,这可能会伤害用户体验。
在手表上做动效,你不能只给开发一张gif图让他实现。你需要提供每一帧的图像以创造快速和顺滑的精致动效。最好的办法是把动效文件导入AE或PS,并分离每一帧图像。
Context Menu最多可以展示四个动作,每个动作都包含一个圆形的icon和一个标签。这个菜单会在点击某个动作项,或者随便点击屏幕的任何地方后消失。设计这个菜单,你不需要去担心颜色。跟iOS app里的tab icon一样,菜单里的icon都是有固定模版的,颜色只定义icon形状(译者注:这句真的没看懂……)
设计菜单里的icon时,需要提供两种尺寸的图片。大屏幕上的横线一般会比小屏幕上多1个像素。
苹果为手表专门发明了一种新的字体,命名为[旧金山],自带23种变化形式。尽管你可以使用一种自定义的字体,但是苹果建议你使用现成的字体形式,因为它们已经为小屏幕适配过。
使用默认字体的另一个好处是,如果标签太长,文字会自动调整大小。字体增大的时候,字距会减小。如果你想使用一种特殊的字体大小,正文字体最好使用19号或者更小的字体,标题最好使用20号或者更大的字体。
跟iOS app主页的icon一样,Apple Watch也需要一个app icon。不同于手机同时显示app的名字和icon,并且icon是方形的,Apple Watch的icon是圆形的,并且不包括名称。icon必须易于辨认,并跟iOS app保持一定的一致性,同时也要传达出它自己的功能。
为这么小的屏幕设计icon的时候,简约是首先要考虑的。在众多吸引用户视线的app中,icon是用户启动app之前看到的第一个东西,所以要尽力用一个美观的icon去给用户留下较好的第一印象。
你需要制作不同尺寸的icon去支持各种显示icon的场合。系统会自动在icon上放置一个圆形的遮罩,所以你只需要按照苹果的要求去制作一个方形的icon就好。
另外,这个作者还提供了一些链接帮助大家更好地做设计:
Apple Watch人机交互指南
Apple Watch设计资源
手把手教你设计可穿戴设备app