Monday, 24 June 2013
My Lego Creations - Sample Models available from Website
I would just like to share with you, some of my Custom Lego creations. These models, will become instruction sheets, and will be available from my website, once it is complete.
Sunday, 23 June 2013
The Steam Cart - Sample Lego Instructions
Here is a sample series of images, which I have created. These will go towards making a PDF document, which in turn will become the custom Lego instructions, which will be sold on my website.
These images were created using MLCad, Ldraw and LDview.
Note: Not all images were included. Hence why steps appear to be missing. These images are for demo purposes only.
These images were created using MLCad, Ldraw and LDview.
Note: Not all images were included. Hence why steps appear to be missing. These images are for demo purposes only.
Tuesday, 18 June 2013
How the Digital Lego Instructions are made
This is a quick post, about how the Lego instructions are made.
Make Your Own LEGO Instructions
How To Use LEGO CAD Software To Make Amazing Custom Builds
Creating custom instructions on a mac? - Brickset - Brickset forum
http://www.bricksetforum.com/discussion/9911/creating-custom-instructions-on-a-mac
The programs used are:
- MLCad: http://mlcad.lm-software.com/
- LDraw: http://www.ldraw.org/
- LDview: http://ldview.sourceforge.net/
- Photoshop: http://www.adobe.com/au/products/photoshop.html
Links:
Make Your Own LEGO Instructions
http://www.bricksetforum.com/discussion/9911/creating-custom-instructions-on-a-mac
Sunday, 16 June 2013
Digital Lego Instructions - My competitors
Creating custom Lego instructions is not a new thing. From when I returned to the Lego hobby, as a young adult, back in the mid 90s, there were people back then creating and sharing (not always for free) their unique Lego Instructions. It has now reached the level, that there are some (not as many as there should be) individuals who have set up small businesses selling their Lego instructions online. They are either selling them via their own websites, or via online auction sites like eBay.
I strongly believe there is a market for more of this kind of thing. There are great custom Lego creations being built and displayed online, every day. I want to tap into the market of providing instructions for some these creations, starting with my own creations, and hopefully in the future working in collaboration with other great Lego creators.
The main players are:
Brick City Depot: http://www.brickcitydepot.com/
Mechanized Brick: http://www.mechanizedbrick.com/
Brickmania: http://www.brickmania.com/
Brick Builders Pro: http://www.brickbuilderspro.com/
Combat Bricks: http://www.combatbrick.com/
I strongly believe there is a market for more of this kind of thing. There are great custom Lego creations being built and displayed online, every day. I want to tap into the market of providing instructions for some these creations, starting with my own creations, and hopefully in the future working in collaboration with other great Lego creators.
The main players are:
Brick City Depot: http://www.brickcitydepot.com/
Mechanized Brick: http://www.mechanizedbrick.com/
Brickmania: http://www.brickmania.com/
Brick Builders Pro: http://www.brickbuilderspro.com/
Image Source: http://www.brickbuilderspro.com/the-blue-barbershop/
Links:
Caveat Emptor: http://www.brothers-brick.com/2010/05/03/caveat-emptor/Combat Bricks: http://www.combatbrick.com/
Wednesday, 12 June 2013
Digital Lego Instructions Website - My Light Bulb Moment
I have changed the direction my website is going. I was working on an online portfolio website, and even though I still want an online portfolio website, I have a stronger desire to own (and build) a website which sells custom Lego instructions.
What??!!
I have been playing and building with Lego since I was a young boy in the late 70s and early 80s. I did stop playing with Lego in my teenage years and as a young adult, but I DID return to the hobby in the mid 90s. I am now considered an AFOL (Adult Fan of Lego), and
The layout of my website will remain the same. This will include my page layout, my navigation and the current colour scheme, but I will need to change my entire content, as it is now all about Lego.
Here is link to my Lego creations: http://www.flickr.com/photos/21313870@N05/sets/72157603322271958/with/2891916186/
I have a lot more of these, which I want to build a dedicated website for.
LUGNET: http://en.wikipedia.org/wiki/LUGNET
Flickr AFOL group: http://www.flickr.com/groups/afol16/
What??!!
I have been playing and building with Lego since I was a young boy in the late 70s and early 80s. I did stop playing with Lego in my teenage years and as a young adult, but I DID return to the hobby in the mid 90s. I am now considered an AFOL (Adult Fan of Lego), and
The layout of my website will remain the same. This will include my page layout, my navigation and the current colour scheme, but I will need to change my entire content, as it is now all about Lego.
Source: My own digital Lego Creations
Here is link to my Lego creations: http://www.flickr.com/photos/21313870@N05/sets/72157603322271958/with/2891916186/
I have a lot more of these, which I want to build a dedicated website for.
Links:
AFOL: http://en.wiktionary.org/wiki/AFOLLUGNET: http://en.wikipedia.org/wiki/LUGNET
Flickr AFOL group: http://www.flickr.com/groups/afol16/
Tuesday, 4 June 2013
Digital Content - What should I display on my website
I think I am going to struggle to add content to my website. I don't have enough work, that I am proud enough to display publicly. I think I am going to have to start creating some amazing designs and artwork, and placing them on my portfolio site.
The sort of content that I can currently include in my website, are:
http://graphicdesign.about.com/od/buildingaportfolio/tp/what_to_include_in_a_website_portfolio.htm
Freelance Advice: What to Include in Your Online Design Portfolio
http://www.wahm.com/articles/freelance-advice-what-to-include-in-your-online-design-portfolio.html
Create the perfect design portfolio: 30 pro tips
The sort of content that I can currently include in my website, are:
- Sketches - done with traditional media, like pencils and fine-liners
- Sketches - done digitally using the iPad or computer
- 3D models - built using SketchUp
- Animations - using Photoshop
- Drawings - Freehand and digitally using Adobe Illustrator
Source: My Digital Artwork
Here is link to some of my Digital Artwork http://www.flickr.com/photos/92300967@N08/with/8398222658/
Links:
Website Portfolios - What to Include in a Website Portfoliohttp://graphicdesign.about.com/od/buildingaportfolio/tp/what_to_include_in_a_website_portfolio.htm
Freelance Advice: What to Include in Your Online Design Portfolio
http://www.wahm.com/articles/freelance-advice-what-to-include-in-your-online-design-portfolio.html
Create the perfect design portfolio: 30 pro tips
Friday, 31 May 2013
Dreamweaver or Muse
Now that I am ready to build my website which computer program do I use? Dreamweaver or Muse?
I always thought that I would use Dreamweaver, as this is the program which I used many years ago, so I am familiar with it. But I have also heard good things about Muse, so I don't want to automatically discount this program altogether.
After a a lengthy research into the battle between Dreamweaver and Muse, I will indeed be sticking to Dreamweaver. Basically the argument comes down to, do you like/need/want/have to learn the HTML code or not. For those of us who are not too scared of the HTML code, then Dreamweaver is the preferred option. If I didn't like the code, and I just wanted to "Design" a page using a familiar Adobe interface, then I would have used Muse.
At the end of it all, I am still going to design and build a website.
http://graphicdetailnj.wordpress.com/2013/02/07/adventures-in-site-building-dreamweaver-versus-muse/
Adobe Dreamweaver CS5.5 by Adobe vs Muse by Adobe
http://web-design-software.findthebest.com/compare/32-36/Adobe-Dreamweaver-CS5-5-vs-Muse
Why I love muse an interview with muse power user Chris Kellett.
http://www.musegrid.com/_blog/Blog/post/Why_I_love_muse_an_interview_with_muse_power_user_Chris_Kellett/
What is the Difference Between Muse and Dreamweaver?
http://www.vpclasses.com/2012/10/muse-vs-dreamweaver/
I always thought that I would use Dreamweaver, as this is the program which I used many years ago, so I am familiar with it. But I have also heard good things about Muse, so I don't want to automatically discount this program altogether.
At the end of it all, I am still going to design and build a website.
Links:
Adventures in Site Building: Dreamweaver versus Musehttp://graphicdetailnj.wordpress.com/2013/02/07/adventures-in-site-building-dreamweaver-versus-muse/
Adobe Dreamweaver CS5.5 by Adobe vs Muse by Adobe
http://web-design-software.findthebest.com/compare/32-36/Adobe-Dreamweaver-CS5-5-vs-Muse
Why I love muse an interview with muse power user Chris Kellett.
http://www.musegrid.com/_blog/Blog/post/Why_I_love_muse_an_interview_with_muse_power_user_Chris_Kellett/
What is the Difference Between Muse and Dreamweaver?
http://www.vpclasses.com/2012/10/muse-vs-dreamweaver/
Thursday, 30 May 2013
Designing my Website - I am almost ready to build it
I have reached a point where I can now just start to build my website. But before I start building, I want to just explain the design I have come up with.
After researching a variety of topics, and looking and analysing many creative people's websites, I have narrowed down my design to these areas.
1. It will have 3 web pages.
- Home
- Portfolio
- Contact
2. It will be a clean site. Probably white. Yes, I have been converted, and the more I look at these "new" and "modern" sites, the more I can see how my grungy sites look dated.
3. It will have some sort of image slider / Carousel, probably as a simple JQuery script.
4. The contact page will probably just be my email address with maybe some Social media buttons.
5. The navigation will be a horizontal bar/ribbon along the top.
After researching a variety of topics, and looking and analysing many creative people's websites, I have narrowed down my design to these areas.
1. It will have 3 web pages.
- Home
- Portfolio
- Contact
2. It will be a clean site. Probably white. Yes, I have been converted, and the more I look at these "new" and "modern" sites, the more I can see how my grungy sites look dated.
3. It will have some sort of image slider / Carousel, probably as a simple JQuery script.
4. The contact page will probably just be my email address with maybe some Social media buttons.
5. The navigation will be a horizontal bar/ribbon along the top.
Tuesday, 28 May 2013
Contact Me - Form or email ?
A very important feature of a website is to have a way of your end-user being able to contact you.
So how is the best way to create a "contact me" form? Is it using HTML form fields or it as simple as creating a clickable email address on the website.
So there are two options.
After some reading, and research, I am definately going for the email address option. It is simple, it is friendlier to the smaller screens of the hand-held devices, and I also think it is a little bit more personal. As if you are giving a friend an email address, rather than the "corporate-esque" style of an onlin form.
My email address is: george@georgegeorgiou.com - now isn't this nicer. :)
Contact form or mailto: link?
http://ux.stackexchange.com/questions/6959/contact-form-or-mailto-link
Should I Display an Email Address on My Site or Use a Contact Form?
http://www.thesitewizard.com/webdesign/email-address-or-contact-form.shtml
Using Forms on your website
http://www.flyte.biz/resources/articles/9901.php
Step-by-step: implementing online forms
http://www.steptwo.com.au/papers/kmc_onlineforms/index.html
So how is the best way to create a "contact me" form? Is it using HTML form fields or it as simple as creating a clickable email address on the website.
So there are two options.
Option One: A standard HTML contact formMy initial reaction is to create an online form. As it allows for fields (which can be set as mandatory) to allow you to capture the information you need. BUT I can see how this could be a problem on hand-held devices which have smaller screens. I know I have tried to fill out form fields on my iPhone, and it is very problamatic. So maybe an email address is indeed a lot easier and more user friendly.
Option Two: A simple email address
Sample Online Form:
After some reading, and research, I am definately going for the email address option. It is simple, it is friendlier to the smaller screens of the hand-held devices, and I also think it is a little bit more personal. As if you are giving a friend an email address, rather than the "corporate-esque" style of an onlin form.
My email address is: george@georgegeorgiou.com - now isn't this nicer. :)
Links:
Designing the Dreaded Form
Contact form or mailto: link?
http://ux.stackexchange.com/questions/6959/contact-form-or-mailto-link
Should I Display an Email Address on My Site or Use a Contact Form?
http://www.thesitewizard.com/webdesign/email-address-or-contact-form.shtml
Using Forms on your website
http://www.flyte.biz/resources/articles/9901.php
Step-by-step: implementing online forms
http://www.steptwo.com.au/papers/kmc_onlineforms/index.html
Friday, 24 May 2013
DIVs vs Tables - Page Layout
I am an old school web designer, who has used tables to desgin website layout. Unfortunately (or fortunately) this is method of page layout is no longer being supported, and Div tags are the way to go.
I am aware of DIV tags, but I have never used exclusively to design a whole page layout, I have used them in conjuction with tables.
Here is my oportunity to ditch the tables and learn how to use the DIV tag.
The two most useful sites for learning and understanding DIV tags are:
W3Schools - http://www.w3schools.com/
and
Youtube - http://www.youtube.com
Both these sites were a fantastic resoruce for learning how to use DIV tags, and the associated CSS styles.
http://www.youtube.com/watch?v=vSJT7Wf6A04
HTML div tag Example and Tutorial using CSS
http://www.youtube.com/watch?v=68kiDajh1lg
HTML 101 - The Div Tag
http://www.youtube.com/watch?v=3JvUqqKNh8M
Floating Div Tags :: Dreamweaver Tutorial
http://www.youtube.com/watch?v=B_JLXPDH-jY
Relative and Absolute Positioning of Div Tags, Nesting Tags
http://www.youtube.com/watch?v=YLWLfzx4nq0
The Professionals Point: DIV vs TABLE tag: Which one to use?
http://theprofessionalspoint.blogspot.com.au/2012/04/div-vs-table-tag-which-one-to-use.html
Adobe Community: Choosing <div> vs <table> layout
http://forums.adobe.com/thread/1183246
HTML Layouts - W3Schools
http://www.w3schools.com/html/html_layout.asp
I am aware of DIV tags, but I have never used exclusively to design a whole page layout, I have used them in conjuction with tables.
Here is my oportunity to ditch the tables and learn how to use the DIV tag.
QUOTE:
<div> is the professional way of designing the webpage. It provides flexibility in web designing as you can make any kind of design using CSS. But the problem with CSS is that, its debugging is not easy and people find it hard to learn. That’s why they stick to <table>.<table> is easier to learn and implement as you have to only figure out the layout of rows and cells.source: http://theprofessionalspoint.blogspot.com.au/2012/04/div-vs-table-tag-which-one-to-use.html
The two most useful sites for learning and understanding DIV tags are:
W3Schools - http://www.w3schools.com/
and
Youtube - http://www.youtube.com
Both these sites were a fantastic resoruce for learning how to use DIV tags, and the associated CSS styles.
Youtube Video Links:
Learning to use CSS and DIV Tags for Columns in Dreamweaverhttp://www.youtube.com/watch?v=vSJT7Wf6A04
HTML div tag Example and Tutorial using CSS
http://www.youtube.com/watch?v=68kiDajh1lg
HTML 101 - The Div Tag
http://www.youtube.com/watch?v=3JvUqqKNh8M
Floating Div Tags :: Dreamweaver Tutorial
http://www.youtube.com/watch?v=B_JLXPDH-jY
Relative and Absolute Positioning of Div Tags, Nesting Tags
http://www.youtube.com/watch?v=YLWLfzx4nq0
Links:
The Professionals Point: DIV vs TABLE tag: Which one to use?
http://theprofessionalspoint.blogspot.com.au/2012/04/div-vs-table-tag-which-one-to-use.html
Adobe Community: Choosing <div> vs <table> layout
http://forums.adobe.com/thread/1183246
HTML Layouts - W3Schools
http://www.w3schools.com/html/html_layout.asp
Monday, 20 May 2013
My 10/10 website
If I knew how to write code, I would be designing websites just like this one:
http://www.numero10.ch/fr/home/
Note: This is not as impressive as it should be, if you are viewing it via a hand-held device like an iPhone or iPad. For maximum viewing pleasure please view this website on a desktop or laptop computer.
http://www.numero10.ch/fr/home/
I really like how this site moves. I like the layered effect of the actual movemnt. The style of the graphics definately adds to the experience. The typography used is in keeping with the site, it is all just brilliant.
Note: This is not as impressive as it should be, if you are viewing it via a hand-held device like an iPhone or iPad. For maximum viewing pleasure please view this website on a desktop or laptop computer.
I do absolutely love this website. 10/10
Sunday, 19 May 2013
Single Page Websites
From my research I am discovereing that there seems to be a trend to having website, which fit onto a long single continus page. The navigation works as normal, but it simple "jumps" to an anchor point on the same page. I will investigate if this design layout is for me.
After investigating this style of website, I found that I wasn't really comfortable designing and building one long HTML webpage. I still like the multipage website layout. So I am not going to be building a single page website for this project. But I think I will want to build one in the future, I just need to find the right sort of web site for this type of design.
http://onepagelove.com/
Creative Techniques for Single-Page Websites,
http://webdesignledger.com/tips/creative-techniques-for-single-page-websites
21 Inspiring Single Page Websites | Inspiration
http://webdesignledger.com/inspiration/21-inspiring-single-page-websites
50 Creative and Inspirational Single Page Websites
http://www.onextrapixel.com/2012/12/13/50-creative-and-inspirational-single-page-websites/
Best Single Page Websites
http://www.awwwards.com/websites/single-page/
Sample Sites using the single page layout:
After investigating this style of website, I found that I wasn't really comfortable designing and building one long HTML webpage. I still like the multipage website layout. So I am not going to be building a single page website for this project. But I think I will want to build one in the future, I just need to find the right sort of web site for this type of design.
Links:
One Page Lovehttp://onepagelove.com/
Creative Techniques for Single-Page Websites,
http://webdesignledger.com/tips/creative-techniques-for-single-page-websites
21 Inspiring Single Page Websites | Inspiration
http://webdesignledger.com/inspiration/21-inspiring-single-page-websites
50 Creative and Inspirational Single Page Websites
http://www.onextrapixel.com/2012/12/13/50-creative-and-inspirational-single-page-websites/
Best Single Page Websites
http://www.awwwards.com/websites/single-page/
Saturday, 18 May 2013
Website Colour - If I want to add some
I had better make a quick post about website colour. I have just mentioned 3 white sites, but if wanted to design with colour in mind. I would definitely use the following two websites for referencing, and inspiration.
I am sure there are more websites out there to help in colour theory, but these two sites would be my first visits.
1. Adobe Kuler: https://kuler.adobe.com/
2. Color Scheme Designer 3: http://colorschemedesigner.com/
I am sure there are more websites out there to help in colour theory, but these two sites would be my first visits.
1. Adobe Kuler: https://kuler.adobe.com/
Sample Screen Shot
Source: http://i.imgur.com/ipWtR.png
2. Color Scheme Designer 3: http://colorschemedesigner.com/
Sample Screen Shot
Source: http://0.tqn.com/d/create/1/0/g/3/A/-/Color-Scheme-Designer-3---Google-Chrome-2011-04-12-11-54-15.png
Friday, 17 May 2013
The 3 White Sites
Today I was given 3 URLs form a fellow class-mate. They are websites from 3 Different artists. They all seem to have the same "white" website look. I am naming this blog post the "The 3 White Sites".
Site 1: http://motherbird.com.au/
Site 2: http://afom.com.au/
Site 3: http://olegdou.com/
These sites all function perfectly, and due to their "clutter free" interface, they definately place emphasis on the content within the site, which is good thing.
I am beginning to accpet the fact the designing trend for websites in 2013. I'm still not LOVING it, but I am accpeting it.
Site 1: http://motherbird.com.au/
Site 2: http://afom.com.au/
Site 3: http://olegdou.com/
These sites all function perfectly, and due to their "clutter free" interface, they definately place emphasis on the content within the site, which is good thing.
I am beginning to accpet the fact the designing trend for websites in 2013. I'm still not LOVING it, but I am accpeting it.
Wednesday, 15 May 2013
Shopping Cart - I need one for my website
It is obvious, that if I need to sell things from my website, that I need a shopping cart. The shopping cart I need for my website needs to handle digital content, and deliver them to the customer in an instant manner. I am not interested in emailing them myself, at a time after the customer has purchased them. I would like the customer to be "instantly gratified" with an automatic download, upon successful completion of the transaction.
But how do I add a shopping cart to my website?
After some research, I think I will be using e-Junkie as my shopping cart. The reason is, that e-Junkie has no setup fees, no transaction fees, and no bandwidth fees, they are also compatible with Paypal, which I am huge fan of.
I would also like to host my digital content on the shopping carts web servers, just as a form of security. I am a little fearful of being "hacked" and having customer details and my content stolen. I would rather use a more secure server than what I would be using to host my site.
Note: I am assuming that the shopping cart site would have very high security. Hmm..maybe I shouldn't make this assumption.
Here are just some of e-Junkie's features, which I really like (you can find out more features on e-Junkies website):
http://shopping-cart-review.toptenreviews.com/
Shopping cart —PayPal
https://www.paypal.com/us/webapps/mpp/shopping-cart
18 Great Shopping Carts to Power Your Online Store
http://www.sitepoint.com/shopping-cart-solutions/
35+ Online Shopping Cart Solutions for Your Business
http://mashable.com/2008/10/08/shopping-cart-solutions/
But how do I add a shopping cart to my website?
After some research, I think I will be using e-Junkie as my shopping cart. The reason is, that e-Junkie has no setup fees, no transaction fees, and no bandwidth fees, they are also compatible with Paypal, which I am huge fan of.
I would also like to host my digital content on the shopping carts web servers, just as a form of security. I am a little fearful of being "hacked" and having customer details and my content stolen. I would rather use a more secure server than what I would be using to host my site.
Note: I am assuming that the shopping cart site would have very high security. Hmm..maybe I shouldn't make this assumption.
Here are just some of e-Junkie's features, which I really like (you can find out more features on e-Junkies website):
- No pop-ups! Works "inside" your own page.
- No scripts to install! Just paste our simple HTML button code.
- Supports discount/coupon codes.
- Works on all browsers and on iPhone.
Links:
Shopping Cart Software Review 2013http://shopping-cart-review.toptenreviews.com/
Shopping cart —PayPal
https://www.paypal.com/us/webapps/mpp/shopping-cart
18 Great Shopping Carts to Power Your Online Store
http://www.sitepoint.com/shopping-cart-solutions/
35+ Online Shopping Cart Solutions for Your Business
http://mashable.com/2008/10/08/shopping-cart-solutions/
Tuesday, 14 May 2013
Basic Ready-to-Use CSS Styles
Here is just another quick little link I found today, which want to include in my blog.
Basic Ready-to-Use CSS Styles: http://tympanus.net/Tutorials/BasicReadyToUseCSSStyles/
Basic Ready-to-Use CSS Styles: http://tympanus.net/Tutorials/BasicReadyToUseCSSStyles/
Monday, 13 May 2013
CSS Trickery - Actually just some cool CSS
In my recent research phase into Image sliders, I uncovered a world of CSS tips and tricks. I want to document these CSS tricks/tips, for my reference just in case I want to use them in my website.
Links to the CSS trickery that I like
http://tympanus.net/Tutorials/ElasticSlideshow/index.html - I might be able to use this as my navigation.
http://tympanus.net/Tutorials/AnimatedButtons/index4.html - Nice navigation buttons
http://tympanus.net/Tutorials/OriginalHoverEffects/index10.html - I'm liking this one.
http://tympanus.net/Tutorials/BlurMenu/index5.html - Oh I REALLY like this one. - Blur Menu.
http://tympanus.net/Tutorials/ResponsiveImageGallery/ - Thumbnail Carousel
http://tympanus.net/Development/SlidingBackgroundImageMenu/example2.html - Sliding image background menu
Sunday, 12 May 2013
Image Sliders
Today I am looking at image sliders.
Some use Javascript, others use CSS only.
The CSS only image sliders, initially appear to be the easiest to use and I have looked into this a little more.
The major problem, that I have found with the CSS code for the slider, is that the back-button on the browser does not instantly go back to the previous page, but instead goes back to the previous image of the image slide. This is not a good thing, especially if you have viewed many images, and the the back button then appears not to work.
A few solutions to this, is to "navigate" away from this page using a navigation system, rather than the back button.
http://tympanus.net/Tutorials/CSS3Lightbox/index.html
http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index4.html - A CSS-only slideshow for background images
Some use Javascript, others use CSS only.
The CSS only image sliders, initially appear to be the easiest to use and I have looked into this a little more.
The major problem, that I have found with the CSS code for the slider, is that the back-button on the browser does not instantly go back to the previous page, but instead goes back to the previous image of the image slide. This is not a good thing, especially if you have viewed many images, and the the back button then appears not to work.
A few solutions to this, is to "navigate" away from this page using a navigation system, rather than the back button.
Some Image Sliders - CSS Only
http://tympanus.net/Tutorials/CSS3Lightbox/index.html
http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index4.html - A CSS-only slideshow for background images
http://tympanus.net/Tutorials/CircleNavigationEffect/ - Nice. I can see myself using this one.
Some Image Sliders - JScript etc
http://tympanus.net/Tutorials/ItemBlur/ - uses CSS and JQuery. I like this for a navigation system.Tuesday, 7 May 2013
This is my Style of website - Is it dated?
I am looking at the new trend of websites, and I am not feeling the love. I am also looking at websites where I do feel the love, but they seem to be dated.
Here are some images of the websites I like. They seem to grungy and/or quirky
Note: The links may be broken, as these websites maybe out of date.
Note: Here is a link to an online tutorial to the kind of website style i like: http://psd-files.com/blog/how-to-create-a-vintage-photoshop-file/
Hmm...I think I need to compromise.
Creative Mass” a Stunning One-Paged Website Template (PSD)
http://inspiredcore.com/freebie-creative-mass-a-stunning-one-paged-website-template-psd
This is a template, but I do like the look of it. It definately is not grungy like the "older" websites I like. I am a little bit unsure which way to go. I may even decide to just go with the current trend and simply accept the fact that this is how websites are being designed these days.
Note: http://inspiredcore.com/ - The actual Inspired Core website is kind of cool too. It is white though.
http://www.awwwards.com/10-web-design-trends-for-2013.html
35 Modern Metro Style Designs For Inspiration
http://www.101webdesigns.com/2013/03/metro-style-designs/
Colour trends in web design for 2013
15 Web Design Trends for 2013
http://www.slideshare.net/davidleeking/15-web-design-trends-for-2013
Here are some images of the websites I like. They seem to grungy and/or quirky
Note: The links may be broken, as these websites maybe out of date.
Here are some images of the websites which are more modern - 2013 style. Not liking these very much.
Hmm...I think I need to compromise.
This might be a compromise:
Creative Mass” a Stunning One-Paged Website Template (PSD)
http://inspiredcore.com/freebie-creative-mass-a-stunning-one-paged-website-template-psd
This is a template, but I do like the look of it. It definately is not grungy like the "older" websites I like. I am a little bit unsure which way to go. I may even decide to just go with the current trend and simply accept the fact that this is how websites are being designed these days.
Note: http://inspiredcore.com/ - The actual Inspired Core website is kind of cool too. It is white though.
Links:
10 Web Design Trends for 2013http://www.awwwards.com/10-web-design-trends-for-2013.html
35 Modern Metro Style Designs For Inspiration
http://www.101webdesigns.com/2013/03/metro-style-designs/
Colour trends in web design for 2013
15 Web Design Trends for 2013
http://www.slideshare.net/davidleeking/15-web-design-trends-for-2013
Sunday, 5 May 2013
Friday, 3 May 2013
Things I had to learn - Adaptive Design
While doing my research into creating a website, I kept reading about "Adaptive Design". I had never really heard of this until now, and so I had to investigate it a little further.
What I discovered was that websites need to be accessible on various devices other than the standard desktop or laptop screen. This is simply because the usage of handheld devices like iPhones and iPads, are being used to access to the internet and view websites.
I found the following statement very interesting, and if I had more time to spend on this project, I would have certainly adopted it:
Golden Rule: Start design and engineering with the smallest version (320px wide). It forces you to make the hard decisions from the very beginning. (source: http://mashable.com/2012/12/04/future-of-media/)
From doing further research into this Adaptive design, I discovered that there is also "responsive Design", this is a little different to Adaptive Design.
Responsive Web Design, uses CSS media queries to modify the appearance of a website based on the size of the device being used.
Building a Responsive, Future-Friendly Web for Everyone
http://www.webmonkey.com/2012/01/building-a-responsive-future-friendly-web-for-everyone/
What I discovered was that websites need to be accessible on various devices other than the standard desktop or laptop screen. This is simply because the usage of handheld devices like iPhones and iPads, are being used to access to the internet and view websites.
Image source: www.ovenbits.com/services
I found the following statement very interesting, and if I had more time to spend on this project, I would have certainly adopted it:
Golden Rule: Start design and engineering with the smallest version (320px wide). It forces you to make the hard decisions from the very beginning. (source: http://mashable.com/2012/12/04/future-of-media/)
From doing further research into this Adaptive design, I discovered that there is also "responsive Design", this is a little different to Adaptive Design.
Responsive Web Design, uses CSS media queries to modify the appearance of a website based on the size of the device being used.
Links:
The Two Flavours of a ‘One Web’ Approach: Responsive vs. Adaptive : http://www.webmonkey.com/2013/05/the-two-flavors-of-a-one-web-approach-responsive-vs-adaptive/Building a Responsive, Future-Friendly Web for Everyone
http://www.webmonkey.com/2012/01/building-a-responsive-future-friendly-web-for-everyone/
Friday, 26 April 2013
Website Navigation
Being able to navigate easily through a website is a very important thing. Without good navigation, a website can become very frustrating to use, and the end user will leave your website in disgust.
The type of navigation, that I was thinking of having on my website, would be some sort of horizontal bar near the top. Maybe with a simple roll-over effect, but not much more than that. I don't want the navigation to system to be any more advanced that it has to be.
Here are some sample screen captures of what I had in mind:
If my website grows and ends up having many pages, then I would consider putting in some sort of "fly-out" secondary navigation, but this is relatively easy to do using CSS. I am not proposing anything fancy here.
Website Navigation - Web Page Mistakes
http://www.webpagemistakes.ca/website-navigation/
The type of navigation, that I was thinking of having on my website, would be some sort of horizontal bar near the top. Maybe with a simple roll-over effect, but not much more than that. I don't want the navigation to system to be any more advanced that it has to be.
Here are some sample screen captures of what I had in mind:
If my website grows and ends up having many pages, then I would consider putting in some sort of "fly-out" secondary navigation, but this is relatively easy to do using CSS. I am not proposing anything fancy here.
A sample of "fly-out" navigation system
Links:
Web Design Navigation Showcases | Smashing Magazinehttp://www.webpagemistakes.ca/website-navigation/
Guide to Website Navigation Design Patterns - Six Revisions
http://sixrevisions.com/user-interface/navigation-design-patterns/
Some CSS code for drop down navigation bars
http://css3menu.com/
http://sixrevisions.com/user-interface/navigation-design-patterns/
Some CSS code for drop down navigation bars
http://css3menu.com/
Wednesday, 10 April 2013
Design is Design is Design
I have returned to my first unit of this course, which was design elements and principles, and funny enough the design concepts that I learnt there, which were predominantly taught for the print based industry can be used for web design.
Here is great article, I found absolutely fascinating.
Part 1: http://www.1stwebdesigner.com/design/graphic-design-basics-elements/
Part 2: http://www.1stwebdesigner.com/design/graphic-design-basics-design-principles/
It is great to be able to use what I have learnt in other classes, and for other design areas, and apply them to web design.
Understanding the Rule of Thirds in Web design:
http://tympanus.net/codrops/2012/05/23/understanding-the-rule-of-thirds-in-web-design/
Type Effects and Modification:
http://tympanus.net/codrops/2012/02/09/type-effects-and-modification/
Is there room for negative space in web design:
http://tympanus.net/codrops/2011/09/23/is-there-room-for-negative-space-in-web-design/
Here is an example of Balance in a website.
Here is great article, I found absolutely fascinating.
Part 1: http://www.1stwebdesigner.com/design/graphic-design-basics-elements/
Part 2: http://www.1stwebdesigner.com/design/graphic-design-basics-design-principles/
It is great to be able to use what I have learnt in other classes, and for other design areas, and apply them to web design.
Links:
Understanding the Rule of Thirds in Web design:
http://tympanus.net/codrops/2012/05/23/understanding-the-rule-of-thirds-in-web-design/
Type Effects and Modification:
http://tympanus.net/codrops/2012/02/09/type-effects-and-modification/
Is there room for negative space in web design:
http://tympanus.net/codrops/2011/09/23/is-there-room-for-negative-space-in-web-design/
Tuesday, 2 April 2013
How to write a website brief
This is just quick blog post about writing a brief.
I need to write a brief about my project. Not only as it is part of the subject's requirement, but it is also something I want to have and use to keep me focused and on-track during the duration of the semester.
Here is an article I have found, which I will use as a guide to writing such a brief
http://www.methodandclass.com/article/write-a-web-site-brief/
I need to write a brief about my project. Not only as it is part of the subject's requirement, but it is also something I want to have and use to keep me focused and on-track during the duration of the semester.
Here is an article I have found, which I will use as a guide to writing such a brief
http://www.methodandclass.com/article/write-a-web-site-brief/
Friday, 29 March 2013
Make Sure to Tag your Blog Postings - Request from teacher.
Just a reminder to self. Make sure to tag blog postings.
Using Categories and Tags Effectively on Your Blog
http://www.problogger.net/archives/2007/09/27/using-categories-and-tags-effectively-on-your-blog/
Links:
Using Categories and Tags Effectively on Your Blog
http://www.problogger.net/archives/2007/09/27/using-categories-and-tags-effectively-on-your-blog/
Sunday, 24 March 2013
Creative Peoples Websites
I am on another search for even more inspiration. I am looking at what other designers, artists and illustrators have on their websites.
I am not only looking at how creative they are as individuals, but I also analysing and studying to see how they have built their website and how creative these websites are.
Jay Halfling - www.jayhafling.com
Chris Spooner - www.spoongraphics.co.uk
Jeff Sarmiento - www.jeffsarmiento.com
Mike Kus - www.thethingswemake.co.uk
Dan Noe - www.noedesign.com
Evan Eckard - www.evaneckard.com
Wong Yeng Kit - www.kitfolio.com
Marc Simonetti - marcsimonetti.artworkfolio.com
Leonardo Tatari - www.leotartari.com
Daniel Hamilton - danielhamiltonillustration.blogspot.com.au/
Marisa Passos - marisapassos.com/index.html
http://simpleasmilk.co.uk/ - Nice Layout
There was a criteria that had to be met, before you made it onto my list.
1. The website needed to be owned by an INDIVIDUAL, not a group of people
2. The website needed to have a PORTFOLIO area, and not just a blog.
3. It had to be AESTHETICALLY PLEASING, well at least to me.
I can tell you now, that many sites I looked at, did not make it on my list.
I am not only looking at how creative they are as individuals, but I also analysing and studying to see how they have built their website and how creative these websites are.
Here is a list of other designer's, artist's and illustrator's portfolio sites.
Jay Halfling - www.jayhafling.com
Chris Spooner - www.spoongraphics.co.uk
Jeff Sarmiento - www.jeffsarmiento.com
Mike Kus - www.thethingswemake.co.uk
Dan Noe - www.noedesign.com
Evan Eckard - www.evaneckard.com
Wong Yeng Kit - www.kitfolio.com
Marc Simonetti - marcsimonetti.artworkfolio.com
Honourable Mentions
Here is list of creative people who don't meet all three criteria to be on my list, but for some other reason, their websites are great.Leonardo Tatari - www.leotartari.com
Daniel Hamilton - danielhamiltonillustration.blogspot.com.au/
Marisa Passos - marisapassos.com/index.html
http://simpleasmilk.co.uk/ - Nice Layout
There was a criteria that had to be met, before you made it onto my list.
1. The website needed to be owned by an INDIVIDUAL, not a group of people
2. The website needed to have a PORTFOLIO area, and not just a blog.
3. It had to be AESTHETICALLY PLEASING, well at least to me.
I can tell you now, that many sites I looked at, did not make it on my list.
Friday, 22 March 2013
Setting up a website - Some really useful articles
Even though, I have built websites in the past. I felt that I had been left behind somehow, with the advances in website technology. I know a website in essence hasn't really changed much since when I used to build them, but they seem to be a little more advanced and "polished" these days. So I feel like I need to brush up on my skills.
Here are some online articles I have used (read) when I started researching and building my portfolio website. They seemed like a good place as any to start.
Setting up a new website (updating an old website)
www.methodandclass.com/article/guide-to-setting-up-a-new-website/
12 Tips for Creating a Great Portfolio Site
www.noupe.com/design/12-tips-for-creating-a-great-portfolio-site.html
Here are some online articles I have used (read) when I started researching and building my portfolio website. They seemed like a good place as any to start.
Links:
Setting up a new website (updating an old website)
www.methodandclass.com/article/guide-to-setting-up-a-new-website/
12 Tips for Creating a Great Portfolio Site
www.noupe.com/design/12-tips-for-creating-a-great-portfolio-site.html
Tuesday, 19 March 2013
Inspiration - Other Artists Websites
I have gone looking for inspiration. Sayting that I will build a website is one thing, but actually builing a website is another thing. I feel like I need some inspiration
I have decided to search for some websites created by individuals, who are artistically talented. Their artistic style may not be to my liking, but their websites definately are.
So here is a list of artistic websites I like:
Kelli Blickman: http://kellibickman.net/
Austin Kleon: http://www.austinkleon.com/
Adline: http://www.adline.ro/
Charlotte Tang: http://charlottetang.com/
W. Brett Wilson: http://www.wbrettwilson.ca/
Morten Strid: http://mortenstrid.no/
Artists Websites
http://artistswebsites.org/
9 Great Artist Websites
http://theabundantartist.com/great-artist-websites/
I have decided to search for some websites created by individuals, who are artistically talented. Their artistic style may not be to my liking, but their websites definately are.
So here is a list of artistic websites I like:
Kelli Blickman: http://kellibickman.net/
Austin Kleon: http://www.austinkleon.com/
Adline: http://www.adline.ro/
Charlotte Tang: http://charlottetang.com/
W. Brett Wilson: http://www.wbrettwilson.ca/
Morten Strid: http://mortenstrid.no/
Links:
Artists Websites
http://artistswebsites.org/
9 Great Artist Websites
http://theabundantartist.com/great-artist-websites/
Tuesday, 5 March 2013
My Online Portfolio
I would love to create my very own online portfolio. which will be used to show off my work.
I want to use this portfolio to gain work, on a Freelance level. As I am not quite ready to quit my 9-to-5 office job, but I am happy to do design work on the side.
I would also like to use my portfolio site as means to display my work to my peers so that I can get constructive criticism and feedback on my work. I am sure this can only help me improve and grow as a designer.
I have found some useful websites (see links below) which have great advice as to how to setup and what to include in an online portfolio website.
http://speckyboy.com/2011/09/11/7-things-you-should-include-in-your-web-design-portfolio-website/
10 Steps To The Perfect Portfolio Website | Smashing Magazine
http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/
How to develop a great portfolio | Webdesigner Depot
http://www.webdesignerdepot.com/2013/01/how-to-develop-a-great-portfolio/
12 Tips for Creating a Great Portfolio Site
http://www.noupe.com/design/12-tips-for-creating-a-great-portfolio-site.html
I want to use this portfolio to gain work, on a Freelance level. As I am not quite ready to quit my 9-to-5 office job, but I am happy to do design work on the side.
I would also like to use my portfolio site as means to display my work to my peers so that I can get constructive criticism and feedback on my work. I am sure this can only help me improve and grow as a designer.
I have found some useful websites (see links below) which have great advice as to how to setup and what to include in an online portfolio website.
Links:
7 Things You Should Include in Your Web Design Portfolio Websitehttp://speckyboy.com/2011/09/11/7-things-you-should-include-in-your-web-design-portfolio-website/
10 Steps To The Perfect Portfolio Website | Smashing Magazine
http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/
How to develop a great portfolio | Webdesigner Depot
http://www.webdesignerdepot.com/2013/01/how-to-develop-a-great-portfolio/
12 Tips for Creating a Great Portfolio Site
http://www.noupe.com/design/12-tips-for-creating-a-great-portfolio-site.html
Sunday, 3 March 2013
What Digital Design Area Will I Choose?
Having being asked in class to find a topic to research in the 'Digital Art/Design' world, seemed like a daunting task at first. There were so many possibilities to choose from.
After thing about this request for a few days, I did manage to come up with a few ideas and areas of Digital Art, which I was interested in pursuing and subsequently researching. These areas are:
The way I personally tackle such a question, of having to choose only ONE item from a difficult list. I use the process of elimination. So here goes.....
After thing about this request for a few days, I did manage to come up with a few ideas and areas of Digital Art, which I was interested in pursuing and subsequently researching. These areas are:
- Digital Illustration / Concept Art - Photoshop, Corel Painter
- 3D Modelling & Rendering - 3D Studio Max,
- Animation - 2D - Flash, ToonBoom, Anime Studio
- Animation - 3D - Maya, 3D Studio Max
- Website Design - Dreamweaver, HTML, Joomla
The way I personally tackle such a question, of having to choose only ONE item from a difficult list. I use the process of elimination. So here goes.....
Eliminated in the following order:
- 3D Modelling & Rendering - Eliminated because, I didn't feel that the scope of this unit was to learn 3D modelling. This is to be learnt in a dedicated 3D modelling class, where the emphasis is specifically on this topic. I still want to learn and study 3D modelling and rendering but not in my Grad Cert course.
- Animation - 3D - This was eliminated for the same reason as the first topic. Not the right venue for this topic.
- Animation - 2D - This topic was a little harder to eliminate. After thinking long and hard about this one, I felt that I probably wouldn't have a finished product if I did this topic. And the final item, would not be as useful to me, as say a website. I could do more with a website, then i could with a 2D animation.
- Digital Illustration / Concept Art - I would be happy spending 16 weeks, simply drawing and creating digital art. It would be fun, I would learn heaps, and I would have lots of portfolio items to show for my time. But couldn't I just do this at home, in my spare time, or as simply a way to unwind and relax from busy life. I would still need a website to show-off my work. So guess what I chose?
- Website Design - A website was indeed chosen as my final project to study and research. Even though this might not be as creative as some of the other topics, it would certainly be the most practical item to end up with, after 16 weeks of study. This also ties in with my initial reason for doing this subject, which was indeed to learn about HTML, CSS and the current way of designing websites.
Friday, 1 March 2013
The Research Blog is Born - Start Here
I have created this blog, for the sole purpose of recording my research in my Digital Art/Design subject at Holmesglen Tafe.
This blog will be submitted to my teacher as part of my assessment. It is due on Wednesday 26 June 2013.
This blog will be submitted to my teacher as part of my assessment. It is due on Wednesday 26 June 2013.
Subscribe to:
Posts (Atom)