Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Do you really want to delete this prezi?
Neither you, nor the coeditors you shared it with will be able to recover it again.
Make your likes visible on Facebook?
You can change this under Settings & Account at any time.
Transcript of Webdesign essentials
provide content, but you have to be able to give
feedback on the content, to make it usable for the web The text should be brief and strait forward, people don't want to read novels on a website
The text must take use of semanticly correct html elements like hadings, lists, etc.
The text must include proper keywords You must be sure that you own all copyrights of the materials used, including the materials provided by your clients arround The length of the textboxes should not be too long, because it makes it hard to follow the lines is usually fine for body text-size Is a principle more important then anything else
It should influence the content,
the layout, and the graphic design The most common aspects of screens are size and resolution
Currently most webdesigners optimize their sites to 1024x768px size
There are way bigger screens tough, and many devices that probably have even smaller Elastic design is one way to cope with the sreensize issue When creating the layout keep in mind all the common platforms people may use to view your site common Creating a wireframe allows you to easily visualize, modify and extend your page elements before the graphic design If you have an approved wireframe you don't have to worry that you have to change the basic structure after the graphic design You need some skills to create succesfull webdesign You need graphics to create unique sites and to distinguish certain functions and info blocks within the site Strong imagery is a must for a great website
Making or collecting images for a project is always an essential part of creating good webdesign You have to think of websites as applications rather then graphic content
Websites are dynamic they constatnly change and grow
Consider the following elements when creating a webdesign After a site is up and running,
the designers work is still not over
You need to communicate the site so that people get to know about it
Communication may include classic banner ads, or social activity which both may need graphic design work Marci Rónyai
raggafuegos.com I personaly discurage everyone to print webpages,
but it can be a request to create a properly printing site
In this case consider ergonomic usage: ommit backgrounds,
invert text etc.. are widley used in accessible or different environment
It is strongly considerable to make sites that are properly handling sreenreaders too Besides the different screen sizes people may use, up until the latest times not all browsers were standardized W3C is the consortioum that issues the specification of HTML and CSS formats, the basic elements of webdesign A good webdesigner should be familiar with these specifications http://w3c.org ... mobiles and tablets have lower resources and screensizes that needs to be taken into consideration Even tough these devices have more and more standardized browsing capabilities... Many devices provide some browsing functionality but are unreasonable to optimize to
It is probable that the developers of these devices find a way to present your content if it uses standard code Creating seamless patterns, and infinite backgrounds are common tasks such as iconography or data visualisation On aviary you can find online tools for your work:
Online image editor
Online color editor
Online vector editor
and a lots of other fun goodies Usefull tools http://www.lovelycharts.com/ Free online wireframing
Data visualization Mind the following other aspects of screens Is the single way to implement your design to HTML. All webdesigners should be familiar with the capabilities and limitations of Cascading Style Sheets I've collected some issues, skills and considerations that one might need to be familiar with, when creating webdesign You must think of all the different ways people may come accross your site Also you need the necessary ui design skills to provide solutions for all upcoming requests in the project e.g. If a project requires a main menu including more than 6-8 menu-items, provide a solution to create a multilevel or hierarchical menu system e.g. Mind the following technical considerations when working with images on the web: Besides graphic content consider
the following usage of icons: Think in application rather than artwork.
Optimize, for longterm use rather than first impression.
Allways be ready to add change or remove content
that may include design change also. Webdesign is all about organizing content in
a certain layout and create graphic design with usability in mind ...in a way that is most accessible to your viewers Text is the main element of web sites
Image replacement is a solution that has strong weaknesses when it comes to dynamic content, localization, seo, etc... separate content parts
create an order of importance on the page
give feedback on user action
and almost everithing else Use typography to: graphy (like Iphone application icons) Consider learning HTML 5 instead of Flash for it is being more accessible and productive consider the following when designing banners Currently these might be the most widely used social networking platforms