It’s the hols yo!!!! And all my energy feels like it got sucked up by a big elephant…
And so here are two nice blogs with lots of nice images!!!
Plush patterns
Print & pattern
This Fashion?
All the dmd year 2 students will be redesigning a site for This Fashion!!
To be truthful, when I saw their site, I was shocked!!! But then again it’s This Fashion and it’s Singapore.
Let’s take a look at fashion shop/(anything that is selling something) websites and Singapore sites!
http://www.esprit.com
http://www.topshop.com
http://www.forever21.com
http://www.aeropostale.com
https://www.coffeesupreme.com this is by resn(from my earlier post)
Singapore sites:
http://www.foxfashion.sg (I thought this was pretty bad .__.;;)
http://www.giordano.com.sg (you got to be kidding me?! Bronken images… links hidden behind a image… is this really Giodarno?!)
http://www.giordano.com.hk/web/HK/index.html (.__. much better compared to the previous link what was that?!)
http://www.starbucks.com.sg compare this with http://www.starbucks.com
http://www.charleskeith.com O__O this is one of the better ones so far!
GOOD LUCK US!!! I’m starting to understand how hard it is to make a good website… No wonder a lot of Singapore websites are so bad…
May we grow into better web designers!!!
DM1232 4th task
Visit http://www.thisfashion.com.sg/ and make an analysis by answering the following questions:
How do you find this site? (in 3 words)
Boring, simple & direct.
Who do you think the site is created for?
- Customers of This Fashion.
- People interested in shopping at This Fashion.
- An age group ranging from teenagers to working adults.
What are the good attributes of the site (in terms of usability, aesthetic issues, etc)?
- Information is organized.
- Simple and clean site
- All links working and site navigation is simple and user-friendly.
What are the bad attributes of the site?
- The look of the site does not fit the company. It is a site for a clothes store, hence it should look more trendy and fashionable.
- The color scheme doesn’t look good, and it has nothing to do with the company color scheme?
Assignment 1 Concept & Research.
Here are some ideas that I came up with~
A tribute to side-scrollers:
I was thinking about games and suddenly this idea popped into my head. Why not do a website based on side-scrollers? From the classic Mario to Braid and Odinsphere. Side-scrollers are just fun!
But then there’s the technical side to every idea when it comes to websites!! Functionality? I was reading what forums have to say about side-scroll websites here what someone said. “A lot of people are not big fans of the horizontal scrollbar… some people probably wont notice it and will miss the content.”
Hmmmm so is it a good or bad idea to do a side-scroller for a portfolio website?
To answer that I have to ask myself some questions regarding my site.
Main point of the site:
To display my portfolio in an simple and elegant manner in which people will enjoy browsing it. End result that I want is to get hired!!!
What is going to be in the site? :
Information about me, show reel (video), portfolio (mainly images).
Which side is the site leaning more towards to? Functionality or esthetics?
I would like to say esthetics because it’s more fun… But in the end this site is made for a purpose and is not an experimental site.
Okay here are some side-scrolling websites.
- http://www.sursly.com/
- http://graphictherapy.com/
- http://www.thehorizontalway.com/
After looking at the sites, I’m leaning towards not doing a side-scrolling website. Main reason being that the scroll doesn’t work when it not vertical. BUT!!! Sursly.com shows us that it’s possible to have the scroll work with the horizontal scroll…
Clean and simple:
So if I decide not to do a side-scrolling website then I think I’ll go for the simple style.
Simple & clean that get’s your point across.
Who said simple can’t be cool and funky!! Okay it’s going to be hard to think up of something good but I’ll try my best!!! Wish me luck!
Here’s Murata Range’s Website
-http://www.pseweb.com/
I’ve been doing my homework!
Web design Assignment 1… Design an about page!
Let’s start with some research then shall we?
Here are some cool sites!!! Do check them out!!!
1. resn they’re an interactive agency. Explore to enjoy fully!
Some of their websites!:
- http://www.minuit.co.nz/ (o___o this was darn cool!!! It’s multilayer!!!)
- http://www.hellocybernetics.com/ (interesting way of displaying a site full of videos)
3. Nike
4.Puma
5.Bank of imagination ( this is a really sweet site. Love the concept)
7.noodle on noodle (crazy site… too bad it’s over)
8.
Portfolio sites~ How to sell yourself in just 1 page.
-nile (mg people who are stuck with their assignment should take a look at her show reel!)
-thibaud (This was elaborate but worked out just fine!)
-dannyblackman
-emotionslive
-colourpixel
-bnweiss
-edpeixoto
Image viewers!
DM1232 2nd task
And so here’s another Web design Q&A from my class.
What is browser-safe color palette/ Web-safe colors
216 colors out of the 256 colors that the old computers supported.
The remaining 40 colors varied on the PC and Mac.
Is it still relevant in today’s context? And why?
No it isn’t as computers now support millions of colors. And fewer people view the web in 256 colors.
What are the common fonts face found on PC & Mac?
- Arial
- Comic Sans Ms
- Courier New
- Georgia
- Impact
- Lucidia Console
- Palatino Linotype
- Tahoma
- Times New Roman
- Trebuchet MS
- Verdana
- Symbol
- Webdings
- Wingdings
- MS Sans Serif
- MS Serif
What is page loading time? And how will it influence your design?
It’s the amount taken to load a certain web page. Things that effect the loading time are images, applications
I ran a web page analyzer on this blog. Some of the results are below.
Object Size Totals
| Object type | Size (bytes) | Download @ 56K (seconds) | Download @ T1 (seconds) |
|---|---|---|---|
| HTML: | 31670 | 6.51 | 0.37 |
| HTML Images: | 42081 | 8.79 | 0.62 |
| CSS Images: | 0 | 0.00 | 0.00 |
| Total Images: | 42081 | 8.79 | 0.62 |
| Javascript: | 66079 | 13.37 | 0.55 |
| CSS: | 22065 | 4.60 | 0.32 |
| Multimedia: | 0 | 0.00 | 0.00 |
| Other: | 0 | 0.00 | 0.00 |
Download Times
| Connection Rate | Download Time |
|---|---|
| 14.4K | 126.48 seconds |
| 28.8K | 63.74 seconds |
| 33.6K | 54.78 seconds |
| 56K | 33.27 seconds |
| ISDN 128K | 10.88 seconds |
| T1 1.44Mbps | 1.86 second |
PAGES THAT LOAD SLOWLY = 
UNHAPPY VIEWER
Simple design tips to speed up your page loading <33
- Host images on your server!
- Use image height and width!
- Visit this site where I got my information from
Web Design Workflow and Process Comparison
Read the web process article above and write what you think about it.(150 min words)
SO many different ways of coming up with a website!!! So many things one needs to consider.
Basically, you would start the same way you start any other art project.
1. RESEARCH
-Understand your project, and come up with a good concept.
- Know what is required of the website.
- Explore and learn for similar websites.
-Thumbnails, sketches.
- Typography
- Colors
- Composition
-Editing of ideas.
2. Mock up!!!! To get your ideas approved.
3. Development!
-CSS
-HTML
-Making it work!
- Design might be changed a little at this point.
- TEST! TEST! TEST!
- Browser test!
4. LAUNCH
- Link check
- CHECK CHECK CHECK.
5. POST LAUNCH
-Maintaining your site ^__-
Yep the links were all very useful!!! From all the differnet style of working, you can see a similar work flow.
Visualization –> Draft–> Production –> Launch –> Post launch
This work flow is pretty important as things get harder to change after the productions starts.
YAY I 166 words!!!!
Apr
21
NO
comments
DM1232 1st Task.
Set up a blog on Wordpress and answer these questions.
What are the browser names that you know?
Oprah, Safari, Internet Explorer
And the browser that I prefer to use… Firefox
What is “browser wars”?
Judging from its name, I guessed that it suggests a struggle over dominance between the different browsers. After a little research from Wikkipedia, I learnt that it started between Netscape Navigator and Internet Explorer. As we know, at one point most people were using Internet Explorer. But soon many would make the change. This happened when Mozilla made Firefox. Other browser names also started to pop up. And soon the general public came to realize that Internet Explorer was not the only browser available. That’s my simple take on the browser wars.
What is an IP address?
IP stands for internet protocol. It acts as an address for all the devices that are connected to the network.
What is a URL?
URL stands for uniform resource locator. Here is an example of a URL. http://paperclover.com A URL contains a domain name.
What is a good website?
Something that doesn’t scar my eyes.
A website that has links that make sense.
Good navigation.
Not confusing.
Here take a look at some nice examples!
http://www.26000vodka.com
http://www.nike.jp
