精选2013年精致漂亮的UI设计作品欣赏

2017-07-21 14:02 来源：设计达人 作者：佚名 人气： 次阅读 我要投稿
怎样在网页中应用手绘风格，以改善网站的用户体验

怎样在网页中应用手绘风格，以改善网站的用户体验

17700

手绘风格非常有利于展示人性色彩，形成独特的识别度，为用户带来真实感。当你收到好友寄来的明信片时，你总是希望
解析网站404网页设计那些不得不说的事

解析网站404网页设计那些不得不说的事

17649

前阵子做我们一淘优惠商家统一的报错页面， 整理了一些有意思的404页面(后简称404)，加之最近网友热议的QQ空间
z-index属性的使用方法和层级树CSS教程

z-index属性的使用方法和层级树CSS教程

17478

CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面,

回顾2013年，我们发现很多很优秀的UI设计作品，也期待2014年有更多创新的设计诞生！本期设计达人网从Dribbble上总结了2013漂亮细致的UI设计作品，有APP设计、界面设计、网页设计等等，这些设计很多看上去都令人兴奋，细致到位，而且又创新，很适合设计师们学习和参考。

由于设计作品太多，图片已经被压缩，所以大家可以查看这些设计作品的原图，有PNG大图以及GIF动画，很多效果很棒哦！

Weather App Sunny Day S

精选2013年精致漂亮的UI设计作品欣赏,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,
越来越多类似iOS 7的扁平化、半透明、拟实景动态界面。
查看原图

Shwoppa – shopping reinvented

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
漂亮的半透明Tag、catelog选择
查看原图

Music Website

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
以后的网站导航设计不一定是横向的了，更多表现为侧边栏。扩展阅读《2014网站导航设计趋势 使用垂直的导航菜单设计》
查看原图

App menu

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
APP也追求简约设计，并重视本色方案
查看原图

UI Kit Metro

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
Windows 8的时尚Metro UI风格，界面简洁，配色清新有活力，很漂亮。
查看原图

Green point

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
使用统一圆形风格设计，字体、图案以及交互设计动画都是以圆为主，请点击看GIF动画，很不错哦！
查看原图

Geo Tagging

精选2013年精致漂亮的UI设计作品欣赏,PS教程,

一个和地图位置应用界面设计，背景蓝色与白色的配合使得界面看起来很清晰，也很漂亮

查看原图

Slide Concept

精选2013年精致漂亮的UI设计作品欣赏,PS教程,

带把拟实化滑动交互动画，2013上半年这个很流行被模仿，实际APP上还没看到。

查看原图

Student Guide

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
设计网页不要总是蓝色啦，这个网站搭配的橙色也是不错的，建议多尝试用不同的配色看看哦。

查看原图

COVERT INBOX

精选2013年精致漂亮的UI设计作品欣赏,PS教程,

请看GIF动画，工具菜单栏固定，内容滑动展示出来，在内容加载的时候，滑出loading动画图标。

查看原图

Digital Menu

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
半透明一直都是很弦很漂亮的界面。
查看原图

Augmented Tourist

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
半透明UI设计+高斯模糊的背景，NICE!
查看原图

Profile

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
个人简介网页，不用1寸相啦，用实景照片吧。

查看原图

21 Degress

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
简简单单的方块排列，可是排版设计却感觉很美丽、优雅，不是么？
查看原图

Pay / Charge

精选2013年精致漂亮的UI设计作品欣赏,PS教程,

这个APP的交互设计动画真的很棒啊，喜欢！
查看原图

Close landing page

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
简约的着陆页，这是close.com的网站首页设计，布局不很错，学习了。
查看原图

UI Kit

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
这是一套扁平化的UI KIT素材，有免费版和高级版。
查看原图

Music

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
音乐播放组件设计

查看原图

Scavenger Hunt

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
这是2013年流行绿色么，请关注2014年流行设计色：兰花紫

查看原图

Travelling WIP

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
界面排版布局很好，细节表面不错。
查看原图

UI Kit Music

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
这是一个适合用于音乐的UI KIT，也是使用透明风格，看起来很美丽。扩展阅读《2013秋季哪些配色不错的UI KIT素材》
查看原图

PassPic

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
一个图片展示应用概念设计，交互设计动画很优秀，建议点击进去看GIF动画。
查看原图

Profile Sreen

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
无处不在的圆角元素，排版出来的布局可爱漂亮。
查看原图

iPhone 6 Infity

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
iPhone 6概念ui设计作品，估计很多Dribbber都看过或模仿过这个作品了。
查看原图

Dining time

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
根据不同时间显示不同的食物。GIF动画做得不错。
查看原图

Cloud Storage

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
有点像扁平化设计，但看起来却带有3D的感觉。
查看原图

Radio Experiments 2

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
半透明出来的效果果然好看。
查看原图

Chat App

精选2013年精致漂亮的UI设计作品欣赏,PS教程,

查看原图

Recipe widget

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
查看原图

Blog/’Magazine UI Kit 2

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
查看原图

Trns Widget

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
蓝色也可以这么开卷有益

查看原图

Highlights

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
使用斜切效果UI.
查看原图

Weather Dashboard Global Outlook 5

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
一个天气界面面板。
查看原图

Bureau Oberhaeuser Homepage Redesign

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
这样的布局网页和APP都很流行，之前设计达人网分享过这类插件可以实现，《有用的jQuery布局插件推荐》。
查看原图

Pricing Table

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
扁平化设计的价格表格，很好看吧？
查看原图

Menu Concept iOS

精选2013年精致漂亮的UI设计作品欣赏,PS教程,
最后这个使用多边形元素设计，也许会是未来的一个设计趋势。
查看原图

总结

这些UI作品真的都很棒，可以看出未来设计对交互十分的重视，你的APP有无有无人，交互很重要哇。还有半透明界面、圆形元素、多边形也慢慢的出现。设计并不容易，必须努力再努力！

好了，无论你是新手还是首席设计师，都可以从中学习一些布局、配色、排版设计、交互动画技巧和灵感等等，对你的设计会有很大帮助！感谢阅读，求分享求关注！

网页设计
上一篇
下一篇