Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [mockup]

Questions about creating scale or full-size models of a design or device. They are used for teaching, demonstration, design evaluation, promotion, and other purposes.

Filter by
Sorted by
Tagged with
35
votes
4answers
34k views

How to achieve this 3D “Card” effect

How do I create this type of effect with an image? I'm wondering how to get the thick edges and the tilted look. Is there an online tool that will convert a flat image to look like this? Source
8
votes
5answers
2k views

How to mockup a logo in a realistic environment?

I have recently created a logo. I have seen an online trend of showing off a logo in a realistic environment, illustrating possible use cases of the logo. An example of this can be seen here, with ...
38
votes
6answers
51k views

How to create animated GIFs of prototype mockups, like the ones on Dribbble?

I'm sure you've seen Dribbblers upload animated mockups of their designs. Here's an example: I can create mockups on Photoshop and even apply simple Tween Animations to them but I can never get ...
3
votes
5answers
37k views

What's the width to mockup websites for desktop and mobile now?

Recently, I was practicing web design beyond code things. But after I opened Sketch and just started to make a rectangle of my site, I got stuck. What width should I use? I'd search for the ...
44
votes
11answers
108k views

What is the difference between wireframes and mockups?

I would like to know the difference between Wireframes and Mockups. I'm hoping to gain a simple understanding of the difference or to definitively know that both are the same. I googled it but I ...
10
votes
1answer
11k views

How can I create realistic business card mockups?

I'm trying to produce the effect in the below image: I'd preferably like to do this with Photoshop or Illustrator. How can this be accomplished?
29
votes
4answers
759 views

Is there an advantage to doing a full image mock-up versus diving straight into writing the HTML/CSS?

In the past, many companies and web designers had a workflow that was two or three parts, minimum -- design, markup, backend. These are generalizing and the lines may blur a bit... but I'm sure you ...
5
votes
3answers
3k views

Creating 3D book cover mockups from scratch

You very often see 3D mockups of books that look realistic enough to pass for a photo of the book at a glance. They’re a great way to make a flat front page come to life, and it’s no wonder they’re ...
2
votes
5answers
1k views

How can I make 3D mockups for packaging more realistic?

I'm new at making 3D mockups. I have tried making 3D mockups(attached one) but they don't look like a real image. I have used both CorelDraw x5 and PhotoShop CS6 to achieve the necessary results. ...
16
votes
3answers
4k views

How can I showcase a working example of my past web development work, without linking to the constantly changing live site?

Whenever I design a website, I think it's useful to not only show screen captures but also coding abilities. Unfortunately, most of the time, clients end up editing websites themselves and if they'...
8
votes
12answers
13k views

How to present web design mockups to a client?

I'm working on a website redesign project. I will need to present a few different mockups to the client for review. I want to make sure the client can see everything in context. I don't want to assume ...
4
votes
7answers
3k views

How do you create a client website design mockup/image?

For all the graphic designers who do web design too: How do you produce client design mockups for review and then convert them into HTML/Wordpress etc? Are they created in Illustrator/Photoshop and ...
2
votes
2answers
4k views

How to prepare (what all sizes and resolutions) mockups and UI graphics for an Android app in PS

I've seen similar questions asked here but they did not answer my question 100%. So please bear with me. Now I am starting an app design project for iOS and Android. I've been designing for iOS for ...
4
votes
5answers
3k views

How to create an animated demo of my webdesign? [closed]

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using ...
4
votes
4answers
2k views

What are some good “mocking-up” practices in web design?

A friend of mine and I have been trying to start up a web design company, so we're looking to find the most efficient overall web-design process straight off the block. However after reading a few ...
3
votes
5answers
6k views

Glossy black logo on matte black background

I remember seeing high-fashion packaging with black-on-black printing; but, the difference was with only the finish. Normally, I see gold-on-black, or silver. I want that same black "shiny effect" ...
1
vote
3answers
1k views

Create a mock-up of a towel that has been printed with a photograph

Is there a way to use Photoshop or Illustrator to superimpose a photo on a terrycloth texture? I would like to create a mock-up of a closeup image of a beach towel on which has been printed a ...
3
votes
9answers
11k views

Turn die-line into 3D mock-up

If I have a 2D die-line of a product. What's the quickest way to turn it into a 3D mock-up? Preferably it should output to a popular 3D format like 3ds Max. Here's an example of the kind of dieline I'...
2
votes
3answers
118 views

Texturing a less than perfect object in photoshop/Affinty Photo

I am not a photoshopper, but I have been given a task to make a mockup for a customer. Basically, I have to take the texture from one bag, and apply it to another, without it looking awful. Bellow is ...
6
votes
3answers
3k views

How to give a site a mockup look?

Edit to clarify Thank you for the existing answers. I am afraid that you misunderstood my question. I don't want to create mockups (I have some, but they are not suited for my current purpose). I want ...
1
vote
5answers
640 views

Web mock up to Dev

I was curious what is the process/ workflow for a web project. Specifically if you as a designer created a mockup in a (.psd or .ai), and you need to hand it of to the developer. Do you annotate the ...
0
votes
2answers
1k views

Mockup strategy for Responsive Web Design

When making mockups for Responsive Web Design projects, should I separate them by Page or by Screen Size? What are the pros and cons of the following: Page based: All the home page mockups in all ...