内容字号: 默认 大号 超大号

段落设置: 段首缩进 取消段首缩进

字体设置: 切换到微软雅黑 切换到宋体

国外25个优秀的网页设计资源站点推荐

2014-02-18 网站推荐

网页设计是一个长期循环渐进的过程,随着互联网的发展,web技术也在层出不穷,虽然web技术不断的简化,各种工具遍地开花,很多网站技术相关的资源非常多,你可以从中了解到网页设计的未来发展趋势,然而,我们在互联网中寻找相关的资源是个比较繁琐的过程,很多资源都是重复多,不相关的资源,这里我们来推荐一些互联网上优秀的网页设计资源站点。

1、LynDa:在线免费技术视频平台是一个在线免费的技术指导视频站点,提供丰富的设计、软件使用、网页制作等视频教程,联合多家大型企业共同录制实用的视频教程。

国外25个优秀的网页设计资源站点推荐

For a fresh web designer, lynda.com should become that little voice in the head that answers all your questions. Here, you can find plenty of resources relevant to the design niche. Lynda.com has a huge amount of online courses that can be filtered to suit both the specific topic, the software you are using, and your skill level. Currently, there are over 23,000 video tutorials on design in general. The membership fee is $25 on a monthly basis.

2. TeamTreeHouse:在线网站设计教育平台是一家类似Codecademy在线教育创业公司,主要提供3类课程的在线学习:Web设计(包括CSS3、响应式设计等)、Web开发(HTML5、Javascript等)以及iOS应用开发。

teamtreehouse.com

TreeHouse is also a video tutorial-based website. Video tutorials are professionally produced, and cover all aspects of both web design and web development. TreeHouse has a user friendly interface and website navigation is done with ease. This website also charges a membership fee of $25 on a monthly basis for a basic subscription.

3. Smashing Magazine:网页技术杂志是一个技术类博客杂志,主要面向web开发人员,成立于2006年;是专业的设计电子杂志站点,使用wordpress搭建。

Smashing Magazine

Smashing magazine is where you can find out about the latest trends in both web development and web design. The website content is filled with relevant and up-to-date information concerning the latest design ideas and the necessary software for their realization. It is a great source of valuable information on front-end design techniques and approaches.

4. SitePoint是一个非常受欢迎的网页设计图书网站,是一家澳大利亚公司创办,他的网站提供有关于网页设计的免费教程,内容适合于精通技术的用户。

sitepoint网页设计免费教程

This is a highly popular Australian company that sells books on web design and development. Their website is filled with useful and free tutorials related to web design. SitePoint’s content is adapted to tech savvy users, so it is recommended that you have some basic knowledge about the subject at hand before approaching this website.

5. Webdesigntuts+是在Web开发人员和设计师提供的教程和技术文章的目的网站,技能和技巧,提高您如何设计和建立网站。

Webdesigntuts+

Tuts+ is a project launched by Envato, with the idea to help designers, and developers. On this project, users share, discuss, and improve their skills. Webdesigntuts+ can be considered a “holy gathering” of the most brilliant minds in commercial web design and development. Here, you can find a great deal of useful, step-by-step tutorials that make some difficult techniques much easier to swallow.

6. Konigi是一个提供用户界面、线框图包括了定义用户界面的大多数元素的资源和工具,在这里你可以找到很多大型网站的设计风格来参考。

Konigi网页架构设计

Visit Konigi to find news, resources and tools for user interface web design. Here, you can find references to the website style guides for large corporations, as well as editorial and quality guidelines and standards. One of the most popular guideline references they have is the BBC style guide.

7. UXBooth是一个非常专业的用户体验网站。和Smashing Magazine不同在于:UXbooth更专注于用户体验设计相关方面。

 UXBooth是一个非常专业的用户体验网站

Here, you will find all the necessary resources and information related to the user experience, ranging from interface and content design, to analysis and strategies. You will also find the philosophy behind it all. UXBooth is recommended for both fresh and experienced web designers.

8. StackOverflow:面向编程人员问答网是全球IT界最受欢迎的技术问答网站之一,它将一个乏味无趣的技术类问答网站办得如同网游一样令人着迷。

StackOverflow:面向编程人员问答网

Stack Overflow is a Q&A based website recommended for more experienced users. Web design and development cannot come to pass without coding, so if you’re ever stuck with something, Stack Overflow is the best place to look for an answer.

9. W3schools:WEB技术资源网是全球最大的WEB技术资源网站,提供全面的教程、完善的参考手册以及庞大的代码库,学习者可以直接在线阅读文档、查看代码并进行调试。

W3schools:WEB技术资源网

Here, you will find all the necessary codes alongside various examples and usages for them. These are things such as margins, lines, typography options, and more. It is, by far, the greatest code library on the web, and a place where every troublesome piece of code can be found, defined, and tested.

10. Sidebar.io每天推荐5个设计行业文章,所推荐的文章针对性很强,拥有新鲜的主题设计。

Sidebar.io网页设计案例分享

Sidebar provides you with five links to highly relevant and fresh design topics each day. Rather than clicking a link in your bookmarks tab, you can subscribe to Sidebar and receive a daily newsletter.

11. Niice.co:设计师视觉搜索引擎是一个设计师专用的视觉搜索引擎,内容由设计社区Dribbble,Behance和 Designspiration提供。搜索质量高,而且设计都很美观。

Niice.co:设计师视觉搜索引擎

Niice is a design search engine. Based on your search, it pulls resources from Dribbble, Behance, and Designspiration, and collects them in a grid layout. It is a perfect resource for those of you who lack inspiration.

12. Creattica:设计师艺术交互平台一个集结国外优秀设计师的交互平台,种类包括平面、广告、插画、3D、摄影、建筑等众多艺术形式。作品的审核也相对严格,所以最终呈现给我们的都是非常棒的作品。

Creattica:设计师艺术交互平台

Creattica is another project powered by Envato. It is an inspirational gallery where you can find the best and latest works of photographers, artists, and designers from all around the world. It is a great place to go when you are lacking creative juice, and it is a powerful source of information about the latest design trends.

13. Placeit:在线手机设备产品展示工具是一款网页应用,由响应式测试网站Breezi提供(Breezi是一个浏览器端网页设计管理工具),你可以将产品图片拖动到PlaceIt中,几秒钟后它就会帮你生成带有iPhone、iPad以及Mac等设备的真实产品展示图,使用起来非常简单。

Placeit:在线手机设备产品展示工具

You know all those images with people holding phones, tablets and laptops with various product images on them? Instead of wasting time downloading images, cropping, skewing and resizing, you can just simply use this online tool and create your own, in a matter of minutes.

14. Compfight:图片素材分享社区是一个非常出色的图片、素材、桌面、壁纸分享社区站点,使用方法非常简单,直接在搜索框里通过关键词即可查找到你想要的信息。

Compfight:图片素材分享社区

Compfight is an image search engine which pulls resources from Flickr. Find a suitable image for your webpage design, and then download it. Many images are free, but some require payment, depending on the copyright.

15. Colours in Cultures chart   是一个对每一位网页设计师都很重要的配色搭配方案,设计师可以根据自己的网站设计来选择相匹配的颜色。

Colours in Cultures chart网页配色方案

This is an important piece of information for every web designer. According to the concept of your website design, and the geographical location of your targeted audience, you can use this chart to choose the best colour scheme.

16. Colour Code 是一个在线版的颜色代码,可以帮助你生成十六进制的颜色代码,收藏这个页面可以让你轻松的选择合适的颜色。

Colour Code 是一个在线版的颜色代码

This is an online based tool that will help you generate a hexadecimal string of colour code. Colour picking is one of the most common processes in web design. Bookmarking this page will allow you to easily choose the right colour for your web elements.

17. Dimensions 是一个基于谷歌浏览器的扩展工具,可以帮助设计师查看各种设备上的网页效果,支持手机、平板电脑和笔记本、PC机等,帮助你获取不同设备上的显示尺寸。

 Dimensions 是一个基于谷歌浏览器的扩展工具

Dimensions is a helpful Google Chrome extension that will help you view your webpage on various devices, ranging from small mobile phones and tablets to laptops and PCs with large scale displays. This can be done by simply re-sizing your browser window also, but with this extension, you can use pre-defined, commonly used dimensions for almost any device model and type.

18. Buttons 是一个提供自定义网页按钮代码的网站,通过该工具可以快速的设计一款优秀的按钮代码,支持选择不同的颜色、样式、特效等,完成设置有直接生成代码,并且支持下载。

Buttons 是一个提供自定义网页按钮代码的网站

Crafting web buttons is technically easy. However, it is also a process which can be completely avoided. Instead of designing a single button from scratch and wasting too much time on details, you can simply use this web tool to create, design, and customize buttons. Alternatively, you can pick a predefined button from the list, and download it.

19. Icon Handbook 是一个可以使用图标尺寸在不同设备上的参照标准,例如笔记本电脑、pc机等,根据浏览的类型或者操作系统分辨率来获取图标的大小。

Icon Handbook 图标尺寸参考手册

You can use Icon Handbook as a reference for the icon dimensions as viewed from various devices, ranging from small devices with retina displays to laptops and PCs. Determine icon sizes, depending on the type of browser, or operating system. Icon Handbook will help you expand your resource list, thus making your website design completely responsive.

20. Freebiesbug 是设计师们的免费素材资源库,在这里你可以找到很多免费的高质量矢量、PSD、图标、图片素材、网页代码、网页插件等资源。

Freebiesbug 免费素材库

This is a valuable resource for all web designers. Here, you can find almost any element, function, or feature that you need for your design, ranging from Photoshop elements to codes, and all the plugins needed for these elements to work.

21. What the Font    是MyFonts在线商业字体销售平台提供的一个在线识别工具,MyFonts是美国的一家老牌的商业字体购买网站,提供海量的高质量字体素材;该网站成立于1999年,为企业设计群体提供高端的商业字体。

MyFonts在线商业字体销售平台

What the Font is a free online tool that’s great for discovering the font type. Instead of going through the trouble of contacting web admins or designers to name the font that caught your eye, simply snip an image, upload it and wait for the results. There is no precise way of knowing which font was used on a specific page, but this tool has an 85% accuracy rate.

22. Font squirrel 是一个提供高质量商业字体下载网站,提供海量的英文字体库,用户可以随意下载并应用于各种商业用字,无需考虑其版权问题。

FontSquirrel:国外免费字体下载网

Here, you can find fonts of any type, for any intended text on the webpage, and download them for free. There are numerous filters on the site to help you find the one that suits your webpage.

23. Type Wonder 是一个可以将任意网站上面的字体换成你喜欢的样式的工具站点,只需输入网址即可把目标网站上的字体更换为你喜欢的字体样式,方便简单,省时省力,还方便阅读。

TypeWonder:在线网站换字体工具

With Type Wonder, you can try out numerous font types without having to change them in the code. Just type in the URL, choose the font type you want to try, and let the magic happen. If you are satisfied with what you see, get the code and copy it to whichever text element you want it on.

24. Lipsum 是一个在线文本排版工具,可以在该网站上测试文章段落格式,生成列表等,可以先查看效果然后再应用于自己的网站。

 Lipsum 是一个在线文本排版工具

Lorem Ipsum is dummy text, commonly used to fill the space marked for textual content. It is visually better for presentation than the usual “Text Here,” wouldn’t you agree? With this tool, you can generate text that can be as long as you need for your example page.

25. IM Creator 是一个免费的网站模版制作工具,可视化的拖拽式操作来完成网页模版的创作,IM Creator许多设计师制作的网站模板,包括潮流、摄影、设计、艺术、音乐、酒店等风格,你只需要根据自己的需求,选择适合的网站模板,即可开始在线制作网站的第一步。

 IM Creator 是一个免费的网站模版制作工具

IM Creator是我见过的最棒的在线网站设计工具,你无需任何代码知识,通过 IM Creator丰富的模板进行自定义设计即可获得专业的网站。当然这无法与一些专业的网站相比,毕竟使用 IM Creator功能有限,但如果你只是需要一个简单简单的网站, IM Creator是非常专业的。

This is a free website builder with tons of website templates and webpage elements. The best part of IM Creator–everything is done by drag-and-drop. You can test your skills here, practice with various designs and even create your personal website design examples, which you can use to boost your starting portfolio. You can create fully standalone websites with a registered domain, practice your skills and ideas on it, and then use it to showcase of your work.

分享给小伙伴们:

国外网站大全,中英阅读。

Copyright ©2015 EGOUZ.com, All Rights Reserved.

畅享互联 版权所有 冀ICP备09048801号-