The beginning of a series of icons for my portfolio. This one is front-end web dev.
4 months ago
Hey Nabil, awesome concept, it translates very very nicely.
There are a couple of things design wise that I'd like to point out, I think the URL bar section on the browser can be lighter / less noticeable, it stands out quite a lot and I don't think it strengths the icon since it mainly focuses on the web transition to code. The other thing , I don't think you need the gray stroke where the website and the code splits, it looks a bit blurry on my end.
That is all, great work man!
@Edgar Vargas Really good point about the URL bar. I struggled a lot with the transition from website to code. Looking at it now I can definitely see what you mean about the gray strokes making it look blurry.
Thanks for the advice!
Nice work! I am not sure what size you are thinking to use this icon for, but you might want to think about reducing the amount of detail you are putting into. Remember the responsive icon?! This will be great for the largest view but need to make it simple for the smaller icon view:) But I think you did a great job of translating the subject into an icon!
@Aya Ueno Ya I'm definitely going to be revisiting this after I finish some work for some clients. I wish I was making those interactive svg. They're awesome!
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.