design

25个流行网站的概念设计

25个流行网站的概念设计

当浏览热门网站(如Facebook、Twitter和Google...),我相信大多数设计师在同一时间或另一个时间段,想把自己的创意和想像运用到这些站上,重新设计它们。也午只是做一个调整这里或调整那里。或者,设计师在这个页面,发挥他们的创造力,把这些网站从上到下重现一回。有一些设计真的令人印象深刻。所以,在这里整理了25个流行网站的重新设计概念,希望大家喜欢。

50款拥有超赞用户体验的精美移动UI设计

50款拥有超赞用户体验的精美移动UI设计

实际上用户界面(UI)和用户体验(UX)就如同硬币的两边,两者同等重要。他们在用户跟他们的产品之间都保持着紧密的联系。用户界面(UI)描述的是面对用户以及产品,而用户体验(UX)面对的则是用户的体验和对产品的洞察力。除此之外,简单来说用户界面(UI)面对的是技术以及整个网站的表现形式,用户体验(UX)面临的则是用户的理解和反应。

最漂亮、时尚、超赞的移动UI设计都在这儿了。今天,我们从behance和dribbble挑选了50款拥有超赞用户体验的精美移动UI设计来寻求灵感。这里所有的移动应用UI/UX设计来自于整个网络世界的大牛们,他们都是那些能加入到网络中最大的平台的专业平面设计师。这是网络上能得到的最新鲜的移动应用UI设计清单了。

前端技术

前端技术

互联网是一个快速进化。我们工作的一个重要部分是前端开发人员,需要跟上潮流和不断学习新工具、趋势和工作流。在互联网上,每一天数以百计的博客和文章发表,但是你没有办法可以都读得过来。我们认为你应该有要有不断更新的方法,所以我们创建了这样的一个网站。在线地址:http://uptodate.frontendrescue.org/ 。

Github地址:https://github.com/frontend-rescue/keep-up-to-date。让我们得到这么好的学习资源,我们应该特别感谢:Guille PazHer MammanaLean Linares给我们提供这么好的资源。省去了我们大量在网上搜索的时间。

Facebook 和 Twitter的UI概念设计

Facebook 和 Twitter的UI概念设计

Facebook和Twitter是当今两大流行的社交媒体网站,他们也对网站界面进行过修改。作为这么大的社交网站,修改界面,可能一部分用户不愿意接受,但大部分用户还是会接受修改的界面效果。

Fred Nerby为Facebook提供了一个概念上的用户界面设计,使用了网格,四四方方的有点类似于微软的Metro风格。

来自布达佩斯的Web和UI设计师“Hutvagner Zsolt”为Twitter设计了一个非常详细的用户界面设计。Zsolt使用著名pinterest 瀑布流布局,略带了微软的Metro风格。

社交媒体网站设计尺寸参考

社交媒体网站设计尺寸参考

社交媒体网站,这里主要指的是国外的几大网站,比如说:Facebook、Twitter、Google+、LinkedIN、Pinterest、Instagram和Youtube七个。今天不说别的,主要将其设计图尺寸发于大家参考,希望这这几张图对设计人员有所帮助。

社交媒体设计尺寸参考

1、Facebook参考尺寸:

Facebook Cover图: 851 x 315

Facebook Profile图: 180 x 180

2、Twitter参考尺寸:

Twitter Header图: 520 x 260

Twitter Profile图: 81 x 81

3、Google+参考尺寸:

Google+ cover图: 890 x 180

Google+ Profile图: 250 x 250

4、LinkedIN参考尺寸:

LinkedIN cover图: 646 x 220

LinkedIN Profile图: 100 x 60

Metro UI CSS中文版本

Metro UI CSS中文版本

Metro UI CSS 是一套用来创建类似于Windows 8 Metro UI风格网站的样式. 这组风格被开发成一个独立的解决方案。这几天根据Sergey Pimenov的Metro UI CSS版本整理了一份 Metro UI CSS中文版,希望这份资料对于学习Metro UI的同学有所帮助,如果译得不好或不对之处还请谅解。

Metro用户界面实现与资源

Metro用户界面实现与资源

Windows8已经到来,基于Metro UI风格完全改变了Window要操作系统。Metro是微软的设计语言,微软将这个新的UI用于他们的所有平台,包括台式机、平板电脑、手机和他们的网站。就我个人而言,我喜欢Metro UI,它的简单性、基于网格的接口(适合响应式设计),以及他在每个部分的一致性很适合现代网页设计的需求。Metro UI也将挑起网页设计的一股新浪潮。

2012年国外优秀前端网站

2012年国外优秀前端网站

2012年已经过去了,我们迎来了暂新的一年2013年,早就想做一些总结与大家分享,却碍于时间的问题与自己的懒惰,没有动手。今天特意抽空整理了一下我在2012年经常逛的国外网站。这也是很多同学经常问我的问题,说我的资料来自于哪里,为什么都是一些全新的。是的,我喜欢国外网站,他代表我们行业的前瞻性,引领我们学习的方向。所以今天整理的这篇博文希望大家今后能一直观注,因为我从中获益良多,我也希望大家和我一样,能从中得到自己需要的东西。

20个免费下载PSD设计网站

20个免费下载PSD设计网站

优秀的设计让人爽心悦目,这也是每个前端设计人员追求的,因为每一位都想让自己的作品尽量的完美,但往往有时候是心有余而力不足。有足够的想像力,但没有实际的动手能力,有足够的构思,但无法展现出来。苦逼的挣扎之中.......

不过古人教导我们“树挪死,人挪活”,虽然自己不具备这样的能力,但寻找相同的资源总是会的吧,这样就有了《16+国外优秀的UI设计资源库》,虽然标题是16,但实际里面已经搜集了20多个国外优秀的UI设计库网站,大家可以在上面浏览或下载自己需要的资源,当然这些设计还能给大家带来自己的灵感,扩大自己的视野。

作为一个Web前端从业人员,我想和你分享一些不同的东西。今天为大家转译了整理的《25 Great Websites to Download Free PSD Files》。这里为大家搜集了国外20个免费下载PSD文件的大网站(文中内容和标题有所出入(^_^))。您可以从这些网站上下载psd文件,让他们做为你使用。我希望这些资源能真正的帮上大家,同时更希望大家有类似的相关资源可以在下面的评论中跟贴,这样让更多的同学分享您的资源。

国外优秀的UI设计资源库

国外优秀的UI设计资源库

网站设计或者说UI设计对于Web上的运用是非常的关键,一个站做得好不好,能不能吸引人的眼球,设计占了不低的地位,但话又说回来,Web前端人员又有多少人是设计专业毕业,具有这方面的能力呢?像我这样没有设计艺术细胞的页面仔,有时候为了一个效果苦于无法整出来,唯一的办法就是去搜索寻找相关的设计资源网站,找到适合自己的UI效果。经过平时的积累与搜集,我整理了一个UI设计以及Web设计相关的资源网站,希望对一些不懂设计的前端人员有所帮助。

这些UI效果或者Web页面效果,我们可以拿来模仿,更大的好处是,我们可以找到一些免费的资源下载,然后拿他来当作目标,练习我们的代码。正如w3cplus上的大部分CSS3案例,我们都是通过这些网站的搜集,然后一个一个用CSS3代码来实现设计图的效果,我觉得这是一个很好的学习和检验我们代码能力的一种方法,不信你可以试试,这样的笨办法或许你会像我一样的喜欢。因为我就是这样做的。

页面

返回顶部