webdevRefinery Forum: RSS, Twitter, Linkedin Vector Icons - webdevRefinery Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Rate Topic: -----

User is offline derTechniker 

  • BadBoy™
  • Group: Members
  • Posts: 1210
  • Joined: 06-July 10
  • LocationAustria
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 20 May 2011 - 10:12 AM (#1)

RSS, Twitter, Linkedin Vector Icons


As in creating a design (see raster art forums) i need some icons too. And because i really don't want to copy them from somehwere, i decided to try Ai and see how good i am. I think they are not that bad. (beware, images are bigger then they will be in the design)

Posted Image

Those are the important "social" icons (No, facebook is not important), i may add other ones, but i can't think of another important one right now. So, what do you think of them?

0


User is offline Kyek 

  • Founder of wdR
  • Group: Administrators
  • Posts: 5078
  • Joined: 20-February 10
  • LocationPhiladelphia, PA, USA
  • Expertise:HTML,CSS,PHP,Java,Javascript,Node.js,SQL

Posted 20 May 2011 - 10:15 AM (#2)

Wow, that's incredible work, derTech! If you hadn't posted anything but the images, I'd have assumed you got them from the actual companies. Awesome :)

(Though, as much as I hate Facebook and never ever use it... I don't think I can agree that it's not important ;-))
0


User is offline iCyan 

  • Group: Members
  • Posts: 204
  • Joined: 15-May 11
  • Expertise:HTML,CSS,Graphics,Flash

Posted 20 May 2011 - 10:20 AM (#3)

Nice!
iCyan Allias
0


User is offline derTechniker 

  • BadBoy™
  • Group: Members
  • Posts: 1210
  • Joined: 06-July 10
  • LocationAustria
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 20 May 2011 - 10:22 AM (#4)

Kyek, on 20 May 2011 - 10:15 AM, said:

Wow, that's incredible work, derTech! If you hadn't posted anything but the images, I'd have assumed you got them from the actual companies. Awesome :)

(Though, as much as I hate Facebook and never ever use it... I don't think I can agree that it's not important ;-))



Thanks!

i must admit that i found the "in" from linkedin in a "social network icon font" as the original font used by linkedin is a commercial font, and i could not find a good free alternative.

I start to like Ai. And i'm practicing as i need to do a logo too.

0


User is offline Sync 

  • Group: Members
  • Posts: 336
  • Joined: 20-April 10
  • LocationLondon
  • Expertise:HTML,CSS,PHP

Posted 20 May 2011 - 11:02 AM (#5)

Wow they look really great, good work!
Illustrator is such a great program, in no time you can create some really cool stuff.
deviantART users, join the webdevRefinery group!

My personal blog and gallery, imvin.co.uk
watch me on deviantART
follow me on twitter
0


User is offline derTechniker 

  • BadBoy™
  • Group: Members
  • Posts: 1210
  • Joined: 06-July 10
  • LocationAustria
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 21 May 2011 - 03:01 AM (#6)

What do you think of this version.

Posted Image


The right side would be the "normal" image, and the left side would be the hover effect?
0


User is offline derTechniker 

  • BadBoy™
  • Group: Members
  • Posts: 1210
  • Joined: 06-July 10
  • LocationAustria
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 21 May 2011 - 07:03 AM (#7)

Okay sorry for the doublepost. I had another idea for the "hover" effect, i will add a text under each button on hover. Again right is the "normal" view, left is the "hover" view.

Please tell me if you like it, and should i have the text on the "normal" view too (in grey) ?

Posted Image
0


User is offline Kyek 

  • Founder of wdR
  • Group: Administrators
  • Posts: 5078
  • Joined: 20-February 10
  • LocationPhiladelphia, PA, USA
  • Expertise:HTML,CSS,PHP,Java,Javascript,Node.js,SQL

Posted 21 May 2011 - 07:09 AM (#8)

Huge fan of the hover states, not a huge fan of the text. The icons would take up more vertical space, it limits how small you can make the icons because the text would be unreadable, and the font's a bit off for normal text. If you want the name of the service to show up on hover, I'd recommend a sweet-looking javascript tooltip that animates in and out :)
0


User is offline derTechniker 

  • BadBoy™
  • Group: Members
  • Posts: 1210
  • Joined: 06-July 10
  • LocationAustria
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 21 May 2011 - 07:14 AM (#9)

AT the moment it would look like this.

Posted Image


Still the images are a bit big, i consider making them smaller. Vertical space is not a problem, i have plenty of space there as you can see :D Hm i will defenitely think about the JS tooltip. I would imagine that looking pretty neat too.
0


User is offline derTechniker 

  • BadBoy™
  • Group: Members
  • Posts: 1210
  • Joined: 06-July 10
  • LocationAustria
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 22 May 2011 - 05:50 AM (#10)

I would really like to have a critique from a real designer on the size of the image in the design and about the text underneath it etc.
0


User is offline iCyan 

  • Group: Members
  • Posts: 204
  • Joined: 15-May 11
  • Expertise:HTML,CSS,Graphics,Flash

Posted 22 May 2011 - 06:28 AM (#11)

Hm. Personally, I think it looks better without the text. An icon is a visual representation of it's program, in this case web application, and it seems to justly represent it without the text. That's just my opinion.
iCyan Allias
0


User is offline derTechniker 

  • BadBoy™
  • Group: Members
  • Posts: 1210
  • Joined: 06-July 10
  • LocationAustria
  • Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 22 May 2011 - 02:44 PM (#12)

iCyan, on 22 May 2011 - 06:28 AM, said:

Hm. Personally, I think it looks better without the text. An icon is a visual representation of it's program, in this case web application, and it seems to justly represent it without the text. That's just my opinion.



Actually you are right there. Thanks.
0


Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

4 User(s) are reading this topic
0 members, 4 guests, 0 anonymous users


Enter your sign in name and password


Sign in options
  Or sign in with these services