I am now more than content with my range of research examples looking at for design and inspirations. Now for the hard part: going back a couple of stages and doing some thinking and reconsiderations of layouts for my website.
Think before I go back into Photoshop will spend abit of time again on paper to get a stronger design down for my website.
Few Quick Thumbnail layouts to do before hitting the screen again.
Hopefully will be able to upgrade the look will still keeping it very simple and basic esp since contents is also basic and not alot of it on purpose.
Since it can be overwhelming learning lots of new words in a new language or 2 in this case.
Seeing as I can not write persian I probably will only have the english writing on how to say the word in persian. However for Chinnse would like to have the characters down as part of design.
thinking should include thumbnails in layout . However not on the home page since it will get to busy:P This is page for photos (one of)
A slightly different version of last one with some differences to see what option is stronger.
Trial_Colour and slight layout change
Think this is much much better, Happy with this. Think will use it for one of my final pages. Also the colours feel alot mrore wedding and appropriate for our wedding.
Trial
Trying something a little different. Thought was that gradient would make it look more weddingy however is a bit too pinky purple/girly for me, may still keep black dominetly however this does have a diff essence about it
home page, don't feel its interesting enough think it needs something
a different option with same motif and colours to see if best to make difference to other page more obvious or not.
A slightly different change of position of motif very suttile
home page trial trying to keep look similar enough to other page. Also have some room for text although not sure if have any text not sure if its needed in this case
Another choice to choose from colour wise
another diff option of green
Another colour option for final
colour combos continued
think will use this colour scheme as well as the pinky one (2 pages colour sorted! for 100%!
another colour option
Colour
Now that have picked which layout thumbnail going to go with. Trying out some different colours to use throughtout site
trying a different motif, but I think i will stick with the other one since thats my fav one. Also I pref the thumbnail before this one layout/placement wise
Another one, I like this version not sure if fav or not but def a fav
and another one
slight variation of the last with different placement and colour
Trying something else to the same basic layout
Continuation of trials
changing colours and adding a couple differnt touches
another varation of it. Not 100% sure about the red
another option same as last option but with a bit of difference. Choosing to play around with this layout since I think I will 99% stick with this for final however not sure if i want effect like this or plain.
Another trial, kind of happy about this one. My husband suggested that perhaps I should add some motifs etc, I will look into it deepending on time not much of it left
a different option not sure about the top part still looks like may need something
Layout Trials_Sceen thumbnails
Feel like finally getting somewhere. But wonder if I should try a couple different options before picking for sure what my layout and colours are going to be.
Getting much better much happier with this option
Another option
all kind of similar somewhat since based on paper thumbnails and research choices picked
another quick layout trial
Quick layout trial
will scan in paper layout thumbnails later. Quick layouts done in photoshop
same page as previous but slide kind of show that changes by itself
another page different subhead/category not wedding but scenic
wedding page option
Research continues
Home page
home page. Great site with many effects but got a bit much at end having to wait so much. However great desin
Think its very effective only having a portion of the image below and the whole image on top
contact page
Home page, I really like this website.
Research
Home page of anothe site
once you click on image you get this, an enlarged version of it.
bottom of sceen/page scroll bar
Home page
another page
When you click on a number below it reveals to you the image/photo of that number slide
Gallery main page
Home page_Another wedding photography website that I thought was effective found through google search
another photo from the same wedding. Options of images below smaller thumbnail, effective.
having selected a wedding_another page
Choices page, each image is a different wedding
Home page
Contact page
Gallery page, when you place your cursor over any of the images the image on top changes according to your choice. Nice and Simple and Effective
Gallery page
awards (sub) page
Home page
option on home page to click and bring up another pg, giving you a closer look at image
Home page
Thought what was great about this website was the fact that the main image changed every minute (maybe less) and when you put your cusor over the boxs at bottom you will get a diff image in the square one. Neat and the layout looks easy to follow.
Personally I really like this layout because its so simple but yet interesting with the use of many images
Research_ Book ref
This and the next few examples are from book from cpit: DesignAnnual 2003
Very clear that this page belongs to the same website with the layout as well as identical treatment and placement of nav bars etc
The page after home page. Very slight difference but is enough to know that you are in a new area of site with use of text colours
Research_Home page
Home page from Lutz website after loading page
Research
Loading page of when you first enter site address, animation/flash. This site as well as the Digraph.it are sites I found looking at book web design index 7. Reall great book
Obvous unity/connection
Its very obvious to tthe viewer that this page and the one below are inthe same category/subheading because of use of colours links the together nicely
Whats also neat about this website is the fact that the image isn't just there straight from the beginning Bit of animation and the image reveals itself as you click on the page to view:)
The Site has used colour in a very effective system throughout the site and sets the pages apart but still unity in whole site together.
Looking at another page from the same website. Analysing Similarities and differences as well as their treatment of space/layout. Nice and Clean and Structured.
another screen caputred page for same website
Very similar layout and colours but still has own uniqueness/difference to the page
Digigraph website screen capture continues
Looking at colour choices and font type faces and how they work together on the pg/site
Resarch_Analysing design
Digigraph.it link page looking at styles / layout through out mutliple web pages on same website
Research_example
Digigrah website_home page example
home page continued
Another option. Kind of like this as well but feel doesn't link enough visually to the other pages of the website.
home page trials continued
think this one is stronger with the images. Think it will work better for children as well since more colourful
Home page trials
was thinking of just having text on home page, but prob not such a good idea, looks real boring esp since its the page that need to get at least a little bit of interest to keep looking at other pages of the site.
contact page
I know its very simple and not much detail but that is what i was going for, since this page is only if anyone is interested in contacting, also it is generally the very last page most people look at so shoud be alright.
final_persian webpage
putting it all together, not a 100% about the font text for the persian word in english, try a couple more an then I will decide, however I do like this so may end up staying with this anyways
Trial_Slight varation
looking at if should change the block colours slightly under the image for diff webpage, or if like the one below should keep same as the chinese page one. Will have to make up my mind before class would be best
Trial _Different Tab_web page of site
for the other webpage, different images and considering if colour blocks (under) should be kept consitent as chinnese page or should they be different?
Trial (think final)
I think this one works the best, still colourful but not to bright so appeals abit more to personal taste also as well:P Think this would be it most likely 95 percent sure that this is the one for my website
Trial contiued
Another version varation of very much the same thing. this appeals o my personal taste more than the colourful one, so definetly a possiblity for final one however still considering the other two at this stage.
trials continued
considering this one since its very colourful and kids prefer colour as far as I know. However still like the other option earlier as well will make up my mind soon:P
Trials con't images included
slightly different layout/factors/direction
Trials layout inc images
trying to see what it will look like with less images and slightly different factors. I think this one think it works for what i want to achieve.
Trial images con't
what it will look like with the words in chinnese. but like i said prob have less images per web page, think its ok not great but ok esp for kids
Trial inc images
too many images makes it look like an fruit/veg website reduce the number of images per web page will help hopefully
Persian page
Screen layout
Chinese page
Screen layout
Home page trial
background trial (another)
Trials:homepage
another trial background
Screen layout
Another homepg Trial
Trials
Another Screen Trial_Home pg
Trials
Screen Layout
Layout
Trial Thumbnails
Quick Layout
Thumbnails
Quick Thumbnails
layout from on paper trials. (did not scan in all pages because you get the idea from a few pages of what the process was, should hopefully be enough. These thumbnails were done mostly after looking at various websites.
trial
layout another. (I was thinking to stop here with regards to layout, but after my husbands reaction I decided that it wasn't strong enough)
trial2
layout
trial
layout1
No comments:
Post a Comment