Join the conversation

Sign in to join this conversation, and others like it, in the communities you care about.

Sketch

The Sketch community on Spectrum. Sketch is the ultimate tool for designing user interfaces, websites, and icons.

Sketch / General

How to display your designs like this?

How to display your designs like this?

Sketch / General · September 12, 2017 at 7:37pm
I am really curious as to how to display designs like this in a really sleek format?   Here is the source:
https://dribbble.com/shots/1367175-Sleep-Tracker-Part-2https://dribbble.com/shots/1367175-Sleep-Tracker-Part-2?utm_source=Email_Shot&utm_campaign=Ramotion&utm_content=Sleep%20Tracker%20%7C%20Part%202&utm_medium=Social_Share

September 12, 2017 at 8:11pm
Typically this is done with photoshop
  • reply
  • like
There's a few photoshop plugins out there that do this via smart objects.
  • reply
  • like
As far as doing this in Sketch? I don't really know if you can.
  • reply
  • like
How about Magic Mirror https://magicsketch.io/mirror/ it's a paid plugin for Sketch
like-fill
4
  • reply
  • like
Oh yeah I forgot about that. Yeah Magic Mirror should work!
  • reply
  • like
😣 This style looks cool on Dribbble but don't use it on your actuall presentations.
like-fill
3
  • reply
  • like
@james - I am just transitioning to design as a career. Why do you recommend not using this on actual presentations?
like-fill
1
  • reply
  • like

September 13, 2017 at 1:01pm
I think that everyone goes through different phases in when they learn design. It sounds like you might be in the dribbble design porn phase. Don't worry, everyone goes through this. Basically, you mimic and copy everything on dribbble that looks cool. Don't get me wrong, it's a great way to learn but a lot of what you see on dribbble is to either to get hired or to generate likes. Stick with basics for presentations, its hard to view designs like this and stakeholders probably wont like it. This stuff is more for marketing and landing pages. Welcome to the design community!
like-fill
1
  • reply
  • like
The question is, what does adding a fake 3D+lighting effect to your design screenshot actually accomplish? You might end up with a nice-looking picture, but you're impairing your ability to communicate the important thing - the design itself.
like-fill
2
  • reply
  • like
If you're doing something like illustrating how the design would look in situ, then that's legitimate. i.e a photo/video of someone interacting with it. But most use of this effect is entirely gratuitous.
like-fill
1
  • reply
  • like
I definitely agree that in most cases this doesn't really serve a purpose. However, I will say that sometimes its just fun to create stuff like this, whether you post it on dribbble or not. :D
like-fill
1
  • reply
  • like
@Matt if you have any questions about Sketch, or design in general don't be afraid to reach out!
  • reply
  • like

September 13, 2017 at 8:19pm
Hey @slugmg12, these folks said it well above. It's a fun creative image which is great if thats your goal, keep it up. It can be great to explore things like this for practice with design tools. My point was that if your goal is to communicate a product design work to a client or employer, I think this treatment actually gets in the way of showcasing your work.
like-fill
2
  • reply
  • like
+1
like-fill
1
  • reply
  • like
It obviously doesn't serve a tangible purpose. However, it catches people's attention, which leads them to the full-screen attachment in the dribbble shot, which leads them to go to to your site. So on and so forth. Just another way of marketing your work :)
like-fill
3
  • reply
  • like

September 21, 2017 at 3:34pm
Only do this if you can achieve a true 45 degree angle. If it isn't 45 degrees it's not worth doing. ;)
like-fill
1
  • reply
  • like

September 22, 2017 at 9:36am
I've never understood the trend of showing off designs at the least most viewable angle these aren't so bad but i've seen examples were you can hardly see the content on the device. If I was going to use this for a mockup it would be for display purposes only maybe on a hero or front cover to gain some intrigue into whats inside, when actually presenting work I make sure to show the designs as clear as possible.
like-fill
4
  • reply
  • like

July 17, 2018 at 12:09pm

gn

  • reply
  • like
Your message here...

*bold*_italic_`code````codeblock```