d2jsp
Log InRegister
d2jsp Forums > Off-Topic > Graphic Design > Website Progress
Prev12
Add Reply New Topic New Poll
Member
Posts: 8,783
Joined: Oct 3 2006
Gold: 16,390.15
Aug 22 2016 09:51am
Quote (D2key @ Aug 21 2016 09:41pm)
Just grabbed from ASOS :P



Thanks man, tbh school doesn't really teach you to much, besides from the tutor coming in and telling you whats wrong with it and fixes it a bit. Other than that you just learn from trying new shit

I should be posting more websites i'm doing, but i'm learning PHP atm and its doing my head in :cry:



I actually don't like the font at all. It looks pretty uninteresting, especially since it's used for the entire site. Find 2 fonts that really work well together and that fit the feel and style of the company and experiment with styles, kerning, and spacing a bit more. You want it to be functional and concise but also interesting and unique to the company

Also I don't love the logo (if you did that). Is the l intentionally touching the bottom of the e?

Also that bright red with black font background is a Nono. Find 2 or 3 theme colors and use those for the various buttons, link hovers, etc. I like to not use any 100% colors other than white, and I especially don't really ever use 100% black. Black feels unnatural, I've found
Myself sort of turned off by deep black in design and I think it's most likely because that deep of black isn't really ever found in normal every day life. I like to think people are drawn to design that pulls inspiration from nature and the things around us, pure black just feels unnatural. I like a dark grey much more 👍


Also what Eric said about the font on the front page flyer is totally true.

This post was edited by Lwe12345 on Aug 22 2016 10:18am
Member
Posts: 2,078
Joined: Aug 26 2015
Gold: Locked
Trader: Scammer
Warn: 10%
Aug 22 2016 11:35pm
Quote (Lwe12345 @ Aug 23 2016 03:51am)
I actually don't like the font at all. It looks pretty uninteresting, especially since it's used for the entire site. Find 2 fonts that really work well together and that fit the feel and style of the company and experiment with styles, kerning, and spacing a bit more. You want it to be functional and concise but also interesting and unique to the company

Also I don't love the logo (if you did that). Is the l intentionally touching the bottom of the e?

Also that bright red with black font background is a Nono. Find 2 or 3 theme colors and use those for the various buttons, link hovers, etc. I like to not use any 100% colors other than white, and I especially don't really ever use 100% black. Black feels unnatural, I've found
Myself sort of turned off by deep black in design and I think it's most likely because that deep of black isn't really ever found in normal every day life. I like to think people are drawn to design that pulls inspiration from nature and the things around us, pure black just feels unnatural. I like a dark grey much more 👍


Also what Eric said about the font on the front page flyer is totally true.


Thank you heaps for the feedback, the logo was done by me, my tutor hated it, and yeah i do see why, the touching letters was me trying to be "different", turns out different doesn't always mean good :P

I also understand what you mean with solid colors, with my current project i was using solid colours and felt they are sore on the eyes, and kinda hard to work with other colours.


Quote (ericswanson_19 @ Aug 23 2016 03:39am)
It needs more details to make the website look more legit, even if they aren't functional, such as the 'sign in' and 'join' buttons, as well as a more detailed footer. Also, add some space between the very bottom of the page and the footer contents. Add some negative space.

I personally think the font choices for asos are pretty terrible. So many variations, plus the main heading font used for 'This is ASOS' as well as other headings is so bad. Your usage of one font looks better and is more cohesive, but you might try introducing one other font for contrast.

The text on your banner needs completely redone. It's not legible at all with the white text on that background, even with the black drop shadow. Change the left/right arrows on to look different, because the gray looks muddy.

Fix the text of some of the shirt names, because they're extending too far in the other columns.

Consider using subtle red accents in places if you plan on using it to highlight which page you're on in the main navigation. It would help headings pop too, or at least bold some things.

Great job learning the functionality of everything, but the design side needs some refinement.


Yeah i'm not actually to sure why i left the slider text like that.. I couldn't imagine i ever thought that looked right, maybe it was unsaved work (I really hope i didn't submit with that)

I guess i never really tried working with more than one font (if i recall) i'll try that out aswell

I'll start posting mocks up before building the site, so i can get some feedback

Thanks a lot guys for the feedback :santa: much appreciated

Member
Posts: 8,783
Joined: Oct 3 2006
Gold: 16,390.15
Aug 24 2016 06:27pm
also the subscribe section is centered but because the button is on the right it makes it look not centered. either center the prompt + button or put the button below i'd suggest :D
Member
Posts: 3,005
Joined: Dec 18 2010
Gold: 1,664.50
Aug 25 2016 10:10am
www.typegenius.com

This post was edited by kenshinkiba on Aug 25 2016 10:11am
Member
Posts: 2,078
Joined: Aug 26 2015
Gold: Locked
Trader: Scammer
Warn: 10%
Aug 25 2016 10:16am
Quote (kenshinkiba @ Aug 26 2016 04:10am)
www.typegenius.com


I guess this works aswell :) thank you
Member
Posts: 2,078
Joined: Aug 26 2015
Gold: Locked
Trader: Scammer
Warn: 10%
Aug 26 2016 03:35pm
Working on a dota 2 and diablo 2 guide site

Just a snipit from the items section (icons haven't been positioned yet) Sorry for the low quality image, idk why gyzo does that -_-



First i was lazy and used plain images as the tooltips, but then decided to make them all html/css for fast loading.
Each tooltip is pulled from its own html page



The css is a bit of a mess, normally the page would use the global css when its displayed on the main page.

And heres a quick look at the html (forgive the class names, makes sense to me but when i finish ill be changing it to something more understandable):

Code
<div class="tooltip_container">

<div class="icon float-left">
<img src="../images/items/manta_lg.png">
</div>

<div class="item-name float-left">
<h2 class="item">Manta Style</h2>
<p class="gold">Shops: <font color="#00ff00">Main Shop</font>
<p class="gold">Item Type: <font color="#00ff00">Weapon</font>
<p class="gold">Recipe Cost: <font color="#ffd42d">800</font><img src="../images/gold.png">
<p class="gold">Gold Cost: <font color="#ffd42d">4950</font><img src="../images/gold.png">
<p class="desc">Consume a tree or a ward to restore health over time. Comes with 4 charges.</p>
<p class="stats">Bonus:</p>
<p class="stats"><font color="#fbb040">+26</font> Agility</p>
<p class="stats"><font color="#fbb040">+10</font> Strength</p>
<p class="stats"><font color="#fbb040">+10</font> Intelligence</p>
<p class="stats"><font color="#fbb040">+15</font> Attack Speed</p>
<p class="stats"><font color="#fbb040">+10%</font> Movement Speed</p>

<div class="xdesc">
<p class="desc">Active: Mirror Image</p>
<p class="gold">Creates <font color="#fbb040">2</font> images of your hero that last <font color="#fbb040">20</font> seconds.</p><br>
<p class="gold">Melee images deal <font color="#fbb040">33%</font> damage and take <font color="#fbb040">350%</font> damage, while ranged images deal <font color="#fbb040">28%</font> damage and take <font color="#fbb040">400%</font> damage.</p>
</div>
</div>


<div class="recipe">
<p class="required">Required Items:</p>
<img src="../images/items/ultimate_orb_lg.png">
<img src="../images/items/yasha_lg.png">

</div>
</div>


This post was edited by D2key on Aug 26 2016 03:38pm
Member
Posts: 20,085
Joined: Apr 23 2007
Gold: 404.06
Aug 26 2016 06:32pm
Looking good ^^
Member
Posts: 3,005
Joined: Dec 18 2010
Gold: 1,664.50
Aug 27 2016 03:56am
cool, cool, you should learn bit of ajax and pre-loading webs/images, that would improve the effect.
Member
Posts: 2,078
Joined: Aug 26 2015
Gold: Locked
Trader: Scammer
Warn: 10%
Aug 27 2016 07:43pm
Quote (kenshinkiba @ Aug 27 2016 09:56pm)
cool, cool, you should learn bit of ajax and pre-loading webs/images, that would improve the effect.


Yeah good idea :P

There was actually a set delay to stop ie6 from crashing??
Code

reqDelay: (window.ActiveXObject && !window.XMLHttpRequest)? 1000: 500,
pendingReq: false, respRecd: false,


Removed it for now

This post was edited by D2key on Aug 27 2016 07:43pm
Go Back To Graphic Design Topic List
Prev12
Add Reply New Topic New Poll