Friday 27 April 2012

Web Session 2

Today we're looking at making a website using Adobe Dreamweaver.

wysiwyg

Whats you see is what you get


The first half of this session will be introducing HTML.

HTML: - Hyper Text Markup Language



this means that we're going to be using html from this point on (open html)

this one means we're stopping using html from this point (closed html)


anything written between these two tacs well be searchable via google or any other search engine

this is straight forward and used for the title of the website

anything written between open body and closed body will appear on the website


this is the structure for the most basic website, the little notes are called html tacs


</font></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; "><font class="Apple-style-span" face="'Helvetica Neue', Arial, Helvetica, sans-serif" size="2">

This is the first ever website.
These are the tags for the website above.














YCN - Proof of Submission - email



Homework for Web session 1

I've been looking at some websites to see what other designers and design orientated websites are doing, note the different features of each one and weather it works or not.




I like the layout of this one as its clear and interesting. There are a lot of images but its not too visually noisy.



When scrolling the header and foot stay on screen which I prefer as a feature as It saves having to scrall back to find links to other pages.



There are more headers than I would use if I made it but they all have a good purpose for being there.
The header also use a roll-on highlighted function which is useful and if done well, really nice as a visual.






This website isn't as good in my eyes as there are too many tabs and links to read through to find your way.



Also the links don't scroll with you when you scroll further down the page.







God use of space on the home page, the text is clear and showcases style.



The rest of the links are all clear and most fit to the screen well so scrolling isn't always needed



images and inks of work have small bios or synopsis like statements detailing the projects content with things like clients, the type of job, the deliverables and so on.





Really simple home page which you would think isn't enough to catch viewers attention, however, I find that its simplicity plays in its favour and makes you want to find out more.

The only thing it lacks is something that indicates what the website is about.



Navigation on some of the links have drop down menus, I think this is a fairly appropriate feature but it does mean that the rest of the links move as the drop down menu appears.



Work only appears when the link is selected from this drop down menu.



Really minimal page for the About section. This is nice and straight forward and not too out there or giving off any negative or reductive messages.




This is an interesting site as its a European design company and it has a very different set up to the rest of the british websites I've looked at previously.

To begin with the amount of tags and links on the navigation is much much bigger. It feels a bit unorganised but at the same time visually interesting. I think its good for a design audience but for clients it might not be as appropriate.


Each project they have display fills the entire space so you can see it clearly and really investigate each image. They use a small previous and next navigation bar to toggle between the photos of each project.



Below is the awards section of the site which makes it look like the inside of an editorial magazine which I wouldn't really care to read as it's just so much text on the screen.






Thomas Harvey's website has a more typical design to it which works well in my opinion. Although its not too dissimilar to other designers websites, it's clear and easy to navigate.


The navigation bar at first glance was a bit much because I was drawn to the links directly under the logo but these are just labels for different pieces of work. The main links are in the top right hand corner, so there is a bit of hierarchy in the layout that for me is incorrect.


The website uses drop down menus on the main links which I think works well for the horizontal navigation layout as they don't interfere with the neighbouring links.


One thing I found really interesting about this site is that when you select a link above the images of the work it highlights the one your looking for and greys out the rest. This is a clever function for clients who may be looking for a particular bit of design to  find examples of the work quickly and clearly.





Not a massive fan of this site but it too has some interesting features. It perhaps has too much information on the pages.


Its only a minor detail but this red line appears through the relevant link to the page your on. Nice touch but I don't link the colour scheme.



This is another site that I think has too much visual clutter, the designs within the layout are visual pleasing but it doesn't carry over to the overall aesthetic.




The previous website did however link me to this website where you can get web safe fonts and font families.


Tuesday 24 April 2012

IMAGE - Self Evaluation.


 Module Title
DRAWING AS PRACTICE



END OF MODULE SELF-EVALUATION

NAME
CHARLIE CROSBY


1.  What skills have you developed through this module and how effectively do you think you have applied them?

I found that this module was more about applying the skills I already had and challenging them to go further in order to produce better work and be more creative. One particular aspect of the module that I thought was good for developing as a designer was the pace of the briefs in the first few weeks. Being so close together made it a challenge to get the most out of each brief and it really forced me to think quickly and get as many ideas down as possible. So idea generation has improved.






2. What approaches to/methods of design production have you developed and how have they informed your design development process?


    
I have developed a good technique for embossing by hand, which has proved to be quite effective. It has helped open my eyes that taking risks is better than playing it safe, as I had never done embossing before by hand and it could have gone completely wrong.
I’ve worked a lot with vectored images and illustrations, which I feel is the direction my design approach, will be going in, as I feel confident that I can produce strong work with this method.



      

3. What strengths can you identify in your work and how have/will you capitalise on these?


Illustrator and vectoring skills have been put to good use and I’m hoping to continue using these methods in future works. Working on these briefs with these methods has also influenced my interest in other peoples design and I find myself drawn to a broader range of typographic designs as well as illustrative.








4. What weaknesses can you identify in your work and how will you address these in the future?


I find that if my ideas don’t have a concept then they lack structure, I’ve always been a conceptual thinker and in some cases my work lacked a concept or a strong one and the quality of the work suffered greatly.
I rely on digital print far too much. Although I have experimented with some embossing and hand rendered pieces I tend to stay clear of other print processes which I think can restrict my work.







5. Identify five things that you will do differently next time and what do you expect to gain from doing these?



  1. Research in more depth.
  2. Work more extensively.
  3. Document more thoroughly.
  4. Try more than one idea to see which works best instead of settling for the ideas, which I like the most.
  5. Think more about the time limit and the availability of the facilities so as to try different methods of production.



6.How would you grade yourself on the following areas:
(Please indicate using an ‘x’) 

5= excellent, 4 = very good, 3 = good, 2 = average, 1 = poor

1
2
3
4
5
Attendance




x
Punctuality



x

Motivation

x



Commitment


x


Quantity of work produced

x



Quality of work produced

x



Contribution to the group


x


The evaluation of your work is an important part of the assessment criteria and represents a percentage of the overall grade. It is essential that you give yourself enough time to complete your written evaluation fully and with appropriate depth and level of self-reflection. If you have any questions relating to the self evaluation process speak to a member of staff as soon as possible.