4
votes
What is the difference between wireframes and mockups?
Wireframes are used to define the framework, the information hierarchy, demonstrate workflow, provide details on what is on the screen, and a description on how a component works (annotation). ...
4
votes
Wireframing and copywriting, what comes first?
No, you should not assume that.
Anything can happen basically, the client can delay the content, they can delay the feedback, they can change your deadlines, they can add more content outside your ...
3
votes
Accepted
Is there a canonical way of representing parallax backgrounds in a wireframe?
I have not seen a standardized way of showing/indicating the parallax effect.
One idea is using the image icon with a mouse indicating it is moving up or down.
3
votes
Accepted
Images in low or high fidelity wireframes
I think adding a general pattern to the overall rectangle would solve the issue of displaying the transparency of the overlay, without the unbalanced feeling of your #3.
I realize these start to ...
3
votes
Accepted
How to bring Illustrator CS6 file to Illustrator CC and still use CSS Extraction
Traditionally it is never an issue to open older files with newer versions.
I would not copy/paste, I'd open the legacy file. But you shouldn't have any issue moving forward in versions. It's only ...
2
votes
How Do You Present Wireframes & Designs For Long One-Page Website?
I use Invision App for this. If you read the tutorials there is a way to get the nav to stick so you can make a bar at the top with your branding and have it stay at the top when the user/client ...
2
votes
How Do You Present Wireframes & Designs For Long One-Page Website?
My 2 cents.
Lets say I made a wireframe or predesign in Ilustrator.
I simply export a big long jpg and place it inside an html containing:
<html>
<head>
<style>
body {margin: 0; ...
2
votes
How do I create a 3d wireframe object/low poly outline illustration?
You can achieve these output with the help of any vector based tools like illustrator.
For Cinema 4D, you can follow these steps... here and then tweak your output image in Photoshop or GIMP
2
votes
Balsamiq sketch skin in Sketch App
I saw a "UI kit" a week ago that had several Balsamiq'y looking elements.
If I find it, I'll post; but here are several that are much-more-refined than Balsamiq. (Balsamiq is much faster IMO; there'...
2
votes
Accepted
I am developer and started managing team. I want to learn how to create wireframe. Can anyone advice?
You can either become a designer or learn to think like a designer (long-term process) or just add a designer to your team (tomorrow) and let the designer do his part.
2
votes
Tron style 3D wireframe matrix surface effect with Illustrator?
I am a 3D generalist as well as an illustrator user, and I’ll say for just this I’d stay in illustrator.
Yup, the mesh tool, yup patience when first trying. I did a slightly more complex but similar ...
2
votes
Wireframing and copywriting, what comes first?
It depends on the project, on the client, etc.
I've worked in some (very few) website projects where the copy was ready before the wireframes, because it was a small website and the client already ...
1
vote
Wireframing and copywriting, what comes first?
What is the advantage of a website, if you do not have flexibility?
A modern communication project is not made of solid, stiff blocks, it is an intertwined process, and flexibility to change things, ...
1
vote
Are there any ways of hiding object in Figma?
I don't know why you want to hide something in order to change it, since you can use components to instantly change your icons. However, you can hide any object by clicking on the eye icon in the ...
1
vote
extract layers in a 1 layer psd file
It's not possible to extrapolate layers from a flat file automatically.
Once a file has been flattened the layers are gone for good. The only way to get layers back is via a backup of the actual ...
1
vote
Tron style 3D wireframe matrix surface effect with Illustrator?
I agree with everyone saying to do this in 3D. But if you really want to do it without digging into 3D then I'll offer a completely different solution at least for the ground work. My old love, ...
1
vote
Is there a canonical way of representing parallax backgrounds in a wireframe?
I have no idea... But let us invent one right now!
We could define an icon that can be used on the element.
Probably squares overlapped? Arrows to indicate the need to move the page? Well, some ...
1
vote
Accepted
Complex Wireframe to solid for use in Autodesk 2018
I'm a bit of a fan for using Meshmixer and the tasks ahead of you are not particularly demanding, based on a rather important aspect of the model head. It's not unusual for a sculpting program to ...
1
vote
Sketch: How to best sync design elements between iOS and Android Wireframe?
Styles before symbols
Your best bet is to use styles rather than symbols for most layout units. Where the is a good reason to use a symbol (eg global nav), the component items of that symbol should ...
1
vote
Accepted
UX Wireframe User Flow Scale
I work somewhere in between the first and second option.
In mobile I prefer scale so I can test the wireframes on an actual phone, which is very important.
But on any other screen, the main issue in ...
1
vote
I'm new to UI design but i've been on other artes(like web design, logo and other)
I'm working as a Digital Designer at Fox Sports Australia. I've implemented for our new templates and every type of UI designs to us Sketch if you are a mac user.
https://www.sketchapp.com/
If you ...
1
vote
How Do You Present Wireframes & Designs For Long One-Page Website?
For web I usually code the wireframe and let the client run through it. If this is not an option and you're in a preliminary stage of the wireframe you could separate it by section in the PDF. If ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
wireframing × 24interface-design × 8
adobe-illustrator × 5
website-design × 5
mockup × 4
ios × 3
sketch-app × 2
software-recommendation × 2
3d × 2
workflow × 2
designers × 2
perspective × 2
mobile × 2
figma × 2
interaction × 2
images × 1
page-layout × 1
client-relations × 1
terminology × 1
tools × 1
artboard × 1
illustrator-effects × 1
symbols × 1
android × 1
user-experience × 1