jun 23, 2015
Web design is a process of conceptualizing, planning, and building a collection of electronic files that determine the layout, colors, text styles, structure, graphics, images, and use of interactive features that deliver pages to your site visitors.
Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design. While the terms web design and web development are often used interchangeably, web design is technically a subset of the broader category of web development.
Websites are created using a markup language called HTML. Web designers build webpages using HTML tags that define the content and metadata of each page. The layout and appearance of the elements within a webpage are typically defined using CSS, or cascading style sheets. Therefore, most websites include a combination of HTML and CSS that defines how each page will appear in a browser.
- Adobe Color CC
Adobe Color is a free online app to try out, create, and save color schemes, each in five variations.
- Google Fonts
Google Fonts is a quick and easy way to find and add quality fonts. With hundreds of free, open-source fonts available, browse and compare font families, then simply grab the code to add to your collection.
WhatFont is a useful extension to identify fonts. On any web page, just click your WhatFont button to find out.
- Type Genius
Type Genius is a simple web app to find nice font combinations. Just select a start font, and instantly get a suggestion for a complementary font pairing.
Iconfinder is an icon search engine to search through 900,000 icons. Browse both premium and 100,00 free icons.
Vectr is a free design app for web and desktop to create vector graphics. Share Vectr document URLs for visual feedback. Annotate an image, and share changes in real-time.
Unsplash in a website for free dynamic images. No stock photos here, you are free to modify and distribute the images all you want. The site posts 10 handpicked photos every 10 days. It also has a gallery of example websites that have used the images.
- Stock Up
Stock Up is a search engine that aggregates stock photos from 26 different free stock photo websites. The site current indexes over 13,000 free images.
- Lost and Taken
Lost and Taken is a design blog that provides free texture images. The site has textures from a wide variety of categories, including film, smoke, paper, watercolor, paint, plaster, light, smoke, motion blur, and nature.
TextureKing posts free stock textures to enhance your design. With hundreds of free textures available, the site includes textures from concrete, wood, fabrics, liquids, dirt, glass, and metals.
Design and Development Tools
Skitch is an application from Evernote to visually communicate ideas, share feedback, and collaborate. Clip from anywhere on the web. Make your point with shapes, arrows, and quick sketches. Use Skitch on your desktop, tablet, and phone to give feedback and share ideas.
Canva is an online graphic design platform. Non-designers can easily create graphic designs and layouts with drag-and-drop features. Design with free stock photos, icons, and shapes. Create menus, banners, social media graphics, and more.
Pixlr is a free photo editor from Autodesk to enhance images with free effects, overlays, and filters. Choose from a pool of effect packs to give your image the look you want. Stylize images to look like a pencil drawing, ink sketch, poster, and more. Use the Editor, O Matic, and Touch Up web apps to create stunning images.
- Google Web Designer
Google Web Designer is an advanced web app that lets you design and build HTML5 web content. Create using drawing tools, text, and 3D objects. Animate objects and events on a timeline. Add image galleries, videos, maps, and more.
Webflow is an all-in-one design platform to create responsive websites. Start with a blank canvas for total creative control, or pick a template to get started fast. Drag and drop to build animated and interactive design without writing code.
- Themify Flow
Themify Flow is a framework to build responsive themes within WordPress. Simply drop in the layout modules, and configure the options. Style everything with a live preview of the design. It comes with Google Fonts, color picker, image upload, and more.
Mobirise is an app to create small and medium websites, landing pages, promo sites for products and services, and more. Drop the blocks you like into your page, edit content in-line, and publish. Choose from a large selection of pre-made blocks, such as content slider, responsive image gallery, and video background.
Marvel is a web app to design interactive prototypes. Design in your browser or add images using Photoshop, Sketch on pen and paper. Turn your designs into interactive mobile and web prototypes in just a few clicks. Import your team from Slack and Asana
Bootstrap is an open-source, front-end framework for creating websites and web applications. Bootstrap comes with dozens of custom HTML and CSS components, and templates for forms, buttons, typograp.hy, and more.