• The Graphic Design Thread - Drop It Like a Hotkey
    1,250 replies, posted
Anybody have any thoughts on how to visualize the concept of "Visual Design"? I'm working for a business that confines themselves to these hexagons for their icons so I'm trying to do something interesting with it. [t]https://i.gyazo.com/356f07654cc4145dee0291460350d0ca.png[/t] He says at first glance it doesn't really scream "visual design", but I'm hard pressed to find any other ways of doing it. Also trying to stay away from cliches. [editline].[/editline] After a bit of a refresher and questions, it's going to be used to represent the design department in their business on this platform called Jira, which is used to track and view projects. Although it'll usually be accompanied by "Visual Design Team", they want the icon to somewhat stand on its own as well.
[QUOTE=austin0331;52057766]Anybody have any thoughts on how to visualize the concept of "Visual Design"? I'm working for a business that confines themselves to these hexagons for their icons so I'm trying to do something interesting with it. [t]https://i.gyazo.com/356f07654cc4145dee0291460350d0ca.png[/t] He says at first glance it doesn't really scream "visual design", but I'm hard pressed to find any other ways of doing it. Also trying to stay away from cliches. [editline].[/editline] After a bit of a refresher and questions, it's going to be used to represent the design department in their business on this platform called Jira, which is used to track and view projects. Although it'll usually be accompanied by "Visual Design Team", they want the icon to somewhat stand on its own as well.[/QUOTE] What does somewhat on their own mean in design terms? Do they only want it to incorporate a hexagon or is it also important that the colors don't sway too much from their other departments?
[QUOTE=Kaelnukem;52058191]What does somewhat on their own mean in design terms?[/QUOTE] I'm not sure how to answer that... the icon will be accompanied either by the words "Visual Design Team" or it won't. [QUOTE]Do they only want it to incorporate a hexagon or is it also important that the colors don't sway too much from their other departments?[/QUOTE] They want me to stick to their colour palette (mostly blues) and have it in the hexagon.
Other than abstract concepts, you may want to try to incorporate tools and techniques of visual design. Grids, blocks of colours (as in a template), text (maybe it just becomes a monograph), etc. The definition of Visual Design gives some broad directions that could lead you somewhere: "Visual design is the use of imagery, color, shapes, typography, and form to enhance usability and improve the user experience. Visual design as a field has grown out of both UI design and graphic design." Look at some UX design websites to see how they iconographically depict their services. This kind of stuff: [t]https://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2015/03/web-design-ux-user-experience.jpg[/t] Focus on the idea of USER EXPERIENCE, as that is the main thing that differentiates visual design from simply making things look pretty.
[QUOTE=Smeetin;52058387]Other than abstract concepts, you may want to try to incorporate tools and techniques of visual design. Grids, blocks of colours (as in a template), text (maybe it just becomes a monograph), etc. The definition of Visual Design gives some broad directions that could lead you somewhere: "Visual design is the use of imagery, color, shapes, typography, and form to enhance usability and improve the user experience. Visual design as a field has grown out of both UI design and graphic design." Look at some UX design websites to see how they iconographically depict their services. This kind of stuff: [t]https://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2015/03/web-design-ux-user-experience.jpg[/t] Focus on the idea of USER EXPERIENCE, as that is the main thing that differentiates visual design from simply making things look pretty.[/QUOTE] Funnily enough, I had been doing a second icon as well for User Experience Design. I made this and he's satisfied with it [t]https://i.gyazo.com/8f73fb578b09fb33fae387ab545abee4.png[/t] The two are similar concepts but they wanted to focus mostly on the conceptual idea of visual design. I guess I'll try that direction, thanks.
[img]http://i.imgur.com/M4pwCqb.png[/img] here's what my school did for 'visual communication design' [t]http://i.imgur.com/edfqnuW.png[/t] i was approached by someone who needed help digitalizing their logo and i thought it wouldn't be a big deal if they already had a design in mind so i accepted. they offered me help w/ audio stuff in the future if i ever needed it in exchange, which is good because i have a friend who's been looking for the means to record her music. from what they've told me they're a music collective and they put out albums and stuff(?). the lines represent sound waves and i'm guessing the 'o' is supposed to make it resemble a record/literally being an 'o'. all but the bottom right were done with warp/distort filters on a single line, and the bottom right was just a series of lines with rounded corners. I like the bottom right the most but I haven't shown them yet, and they like the top left the most. It still feels super rough though and I feel like I'm approaching it wrong or there needs to be some other element. [editline]5th April 2017[/editline] also it's probably the colors but it reminds me of vault-tec [t]http://i.imgur.com/D9C6lhw.png[/t]
Can we also talk about gray buttons in flat design? [IMG]http://i.imgur.com/9ZNSsDG.png[/IMG] [IMG]http://i.imgur.com/a6IDVpZ.png[/IMG]
Nothing happens
[QUOTE=LaughingStock;52061455] also it's probably the colors but it reminds me of vault-tec [t]http://i.imgur.com/D9C6lhw.png[/t][/QUOTE] I think the last two are the best ones. However, the ondulation of the lines doesn't really look like audio.
[img]http://i.imgur.com/WpwUVxb.png[/img] yeah i'm gonna have to agree with that, but they told me they really liked the middle one and want me to send them final vector versions of that one. I think it looks kind of cool and with context it would be easy to understand. i'm surprised that all of the questionable fonts i've downloaded in the past are being put to use.
I like the one on the right the most. I'd be concerned with how it looked if it was smaller though, so perhaps the middle one isn't a bad choice. I'm also not a fan of the "music collective" font. It looks way too thin compared to the rest of the design & you should scale it so the left and right edges align with the edges of OSSI.
The O should align with the lines, right?
Figured out a solution to the visual design icon, we ended up completely ditching the lightbulb idea [t]https://i.gyazo.com/b4ade0aa112b6a9aeda6508e4e8b9250.png[/t] Initially my biggest problem was trying to leave the entire left side left in dark (which looked nicer at first), and doing so would make putting it on a blue backdrop with the dark blue borders knocked out harder to figure out. This is how it looks on the backdrop (which is something they do with all their icons, it's part of the icon suite they have in the company) [t]https://i.gyazo.com/2c7e6c4c16b01aaa618d9014136d9aaa.png[/t] I'm pretty proud actually! What do you guys think?
I like it quite a bit actually. It certainly does a better job of getting the point across than the other one. Only small comments I would have, and they are pretty minor so feel free to disagree: - I like the idea of the curve handle coming off the top of the eye, but something about it seems a little strange. - The line behind the eye is not centered, which may be on purpose, but it is a little strange in terms of the overall structure. I supposed it gives it a subtle cubic look which is kind of cool. Also, if it was centered, than the ball of the curve handle could land on it like this: [img]http://i.imgur.com/ZHiw030.jpg[/img] I could go either way, its not obviously better or worse, just a thought. Well done.
Thanks! The slight off-centeredness is intentional. Initially the whole left area was filled in with the border colour, so it did look centered. I kept it slightly off center afterwards because I also thought it gave it this cubist feel, and it sits perfectly on one square wide, which works better for size reductions. I didn't want any part of the curve handle to be on the left side however, so I came to the conclusion of only having it on the right. It's hard to explain, it would be easier in person tbh. Thank you for the feedback!
Some updated work on that School of Com event I mentioned earlier: [t]http://i.imgur.com/LUSJYxN.jpg[/t] Still in very early development, as you can tell from he lack of any information or copy, but still open to CC
The date and time are bugging me a bit there. Not entirely sure why but it could be to do with the different weights you're using - I think it's a bit unnecessary as date and time are something that will be read all in one go. It could also be the small text "PM" - try either making it full size again or size matching it with the small "TH". Also, once again, try scaling the date & time a bit so the edges of the line up with "Burt Khan". Also, this is just me, but I think there's some other way you could do the stars to make them look a tad better. They're a bit messy right now and looks out of place when everything else is so uniform. Colours and stuff all look spot on though. Really colourful and would definitely attract the eye.
[QUOTE=PieClock;52068177]The date and time are bugging me a bit there. Not entirely sure why but it could be to do with the different weights you're using - I think it's a bit unnecessary as date and time are something that will be read all in one go. It could also be the small text "PM" - try either making it full size again or size matching it with the small "TH". Also, once again, try scaling the date & time a bit so the edges of the line up with "Burt Khan". Also, this is just me, but I think there's some other way you could do the stars to make them look a tad better. They're a bit messy right now and looks out of place when everything else is so uniform. Colours and stuff all look spot on though. Really colourful and would definitely attract the eye.[/QUOTE] The stars are supposed to be dandelion seeds. I realize now that is not what dandelion seeds look like
I was told this would fit best in here, decided to make myself an animated logo for any motion design/video i make. [video=vimeo;212093196]https://vimeo.com/212093196[/video]
[QUOTE=LaughingStock;51989590][img]http://i.imgur.com/jd15Pbq.png[/img][/QUOTE] we put these posters up on tuesday and today the university took down every single poster on the kiosks we hung them up on lol. [QUOTE=lope;52068111]Some updated work on that School of Com event I mentioned earlier: [t]http://i.imgur.com/LUSJYxN.jpg[/t] Still in very early development, as you can tell from he lack of any information or copy, but still open to CC[/QUOTE] The way COMMUNITY rests on the green block makes it look kind of flat, and I think you also need to change the difference in value for the same reason, those colors almost blend in with each other and there's not enough contrast going on. For the dandelion seeds I would make them look like they're originating from a single point, maybe a bit more condensed in one area and more dispersed as it gets further to bring more attention to text or something. [QUOTE=vladnag;52068458]I was told this would fit best in here, decided to make myself an animated logo for any motion design/video i make. [video=vimeo;212093196]https://vimeo.com/212093196[/video][/QUOTE] I would ditch the outlines and go with a transparency if possible, and substitute the audio cutting out with crackles.
[QUOTE=vladnag;52068458]I was told this would fit best in here, decided to make myself an animated logo for any motion design/video i make. [video=vimeo;212093196]https://vimeo.com/212093196[/video][/QUOTE] I love this. I want this for myself. I will have this.
[QUOTE=Smeetin;52068527]I love this. I want this for myself. I will have this.[/QUOTE] Thanks man, that means a lot! Hopefully my clients in the future will have the same reactions! I really want to get into doing more VHS style / retro / Vaporwave stuff, creating the background was a lot of fun and the whole aesthetic is really appealing. Just need to work out a new project! [t]https://cdn.pbrd.co/images/7s3YUYZ7.png[/t]
I want to see it with the click of a VHS being put in at the start. [url]https://youtu.be/WsXJiu0KRdU?t=28[/url]
Took some crits and refined it more: [t]http://i.imgur.com/MPbAa1a.jpg[/t] As for the color, it's gonna print dark, which should bring through the slight contrast it needs. e: immediatelysaw there were too many flowers: [t]http://i.imgur.com/JJlxCNw.jpg[/t]
[t]http://i.imgur.com/YUZpXh5.jpg[/t] Spotted this.
Did a quick and dirty recreation of a Land Rover G4 tire cover for my brother's Discovery II, since it's apparently impossible to find the original. He's happy with it and it should look good on the vehicle I think. This was also one of the few times I've been able to identify a commercial font that I haven't actually used in a project before. [t]http://i.imgur.com/4RZe8KN.png[/t]
is it Gotham
[QUOTE=lope;52074640]is it Gotham[/QUOTE] Twentieth Century Ultrabold Italic, assuming you mean the font. It's the same font used in Gillette's (the razor company) logo and what caused me to recognize it.
they're having me help make memes to post on instagram for the internship i started last week. i think this is the endgame that most designers seek, and i'm already there. does anyone have experience when it comes to printing your work on unusual materials with unusual shapes? i'm thinking about laser cutting some mat board into the shape of a coffee cup and sticking vinyl cutouts on it. that's the easiest method i can think of unless there's a company that can print directly on to the mat board and cut it for me.
You could try doing transfers with modgepodge. They can turn out pretty well if done carefully. [url]https://www.google.ca/amp/www.instructables.com/id/How-to-Transfer-an-Image-to-Wood-Laser-Vs-Inkjet/%3Famp_page%3Dtrue[/url]
Sorry, you need to Log In to post a reply to this thread.