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 [interface-design]

Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,

Filter by
Sorted by
Tagged with
-1
votes
1answer
77 views

When and when not borders are necessary? ( iOS design)

I'm trying to understand, if the usage of a border at the navigation bar contribute to the design/UX in some way? Would love to hear your thoughts about that. Designed for iOS
1
vote
3answers
1k views

Where to find the artboard presets?

Where to find the artboard presets in Photoshop 2017? I searched artboard on the global search but it says it's not available.
0
votes
1answer
105 views

Is Microsoft's Windows XP icon design free to use commercially?

https://msdn.microsoft.com/en-us/library/ms997636.aspx On this page, Microsoft says how to make Windows XP icons. I love Windows XP! The style, the texture, the shading,... It's so alive unlike this ...
1
vote
1answer
5k views

Looking for a Adobe Illustrator to Sketch workflow solution

Does anybody have a Sketch to Illustrator conversion workflow? Reason I am asking is because at the place I am working at a lot of our documentation is done in Illustrator and I have been asked to ...
0
votes
1answer
1k views

Best practices for defining grids/containers/spacing using responsive layouts

I am laying out a web app and have decided to use a 12-column, 30px fixed-width gutter (existing constraints dictated our layout). However, how should I design the spacing units, margin, padding, etc. ...
1
vote
1answer
159 views

Is there a way to calculate the max. character length that fits inside a textbox?

This question is not related to specific design software but I'm designing an app in Sketch. Our client will provide all the content but they need to know the maximum character length of certain ...
0
votes
3answers
91 views

What could be good position for the view showing the duration in the layout?

So I have song name, album name , album art at left side of the layout, and three views consisting duration of the song, overflow menu button and a playlist button on the right side of the layout. I ...
6
votes
2answers
185 views

Mythology/ancient mobile-design do's and don'ts?

I am designing a mobile app about Greek mythology and want to make the app feel authentic. I was wondering when you try to make an app look old (antique...), what are the do's and don'ts? How can I ...
1
vote
3answers
934 views

How should I pick an accent color?

I'm trying to find a good accent color to #411E50 (dark purple). #FD9827 (orange) has been suggested to me, but I'm leaning towards something like #F0C85D. However, the people I've asked didn't really ...
-1
votes
2answers
2k views

Where is the width and height box editor for shapes in Illustrator CS6 [closed]

Adobe Illustrator CS5 has a box in the toolbar where you can edit the size of a rectangle by inputting the numbers when a shape is selected. Is this still being used in CS6?
0
votes
2answers
601 views

Floating Windows and toolbars on top in Photoshop

I really like to work with floating windows in Photoshop. Especially with compositions it makes it really easy for me to quickly copy paste from different textures on a visual way (instead of trying ...
7
votes
5answers
651 views

The graphic design theory behind the landing page

Today most of the landing pages are using common pattern like following Navigation bar section Full width section with scrolling images Three small sections with feature images Contact details Is ...
0
votes
1answer
92 views

Is this a native iOS design?

I have a question regarding this design: Is this a native iOS design? I'm fairly new to iOS, so I don't know if this is native iOS or not. It does look to me it's Android layout that would need some ...
1
vote
5answers
9k views

How to resize text on Sketchapp

I need a text to adapt to a box but the second word is getting under the other like it was a paragraph way over its needed. Below the example of the original lay out Vs. the result after resizing ...
3
votes
2answers
549 views

Should an arrow for “update” point up or down?

I have an arrow icon notifying the user about pending software updates. The update needs to be downloaded, which indicates the arrow should point down. On the other side, updates are raising a ...
1
vote
1answer
53 views

When and when not should i use proportionally-to-screen sizes

I'm designing my app (targeting only iOS/iPhone devices). Currently, there couple components, which I'm designing to fit into iPhone 5 screen(smallest screen). On largers screens(iPhone 6, 6+), I'm ...
4
votes
2answers
4k views

Noto Sans vs. Noto Sans UI

They look exactly the same. I looked around in Google's FAQ, but couldn't find anything about it. Is there supposed to be a difference?
0
votes
1answer
81 views

Should UI elements all use the theme color?

In the image below,the buttons at the bottom are used to skip forward/backward exactly one frame each tap. The slider lets the user scrub through the video in a "faster" way. From a UI perspective - ...
3
votes
2answers
455 views

Icon to text alignment. Align to caps letter, x height or baseline?

I'm designing UI for the desktop app. I have a sidebar with menu (icon + label, both clickable). I centered icons to the first caps letters. Should I use other alignment? Are there any guidelines on ...
3
votes
2answers
943 views

Color scheme for three different goals

I want to preface this by stating that I am in no way an expert in design or colors and their meanings. I am looking for three colors, each of which have a different meaning and goal associated with ...
1
vote
1answer
469 views

Flat design soft noise

recently I've noticed a style used in design that I'm really interested in and really curious about. That being a soft grain in some of the otherwise flat design styles that are being used. Some ...
2
votes
1answer
76 views

what process do you follow while designing a ui for mobile app or website?

how do you start designing a mobile app. what is your process. i had lot of confusion and finally it led to be frustrated about my workflow. i use sketch for designing but before coming to sketch ...
1
vote
2answers
2k views

Creating a Flowchart for Wireframes

I am kind of new to wireframing, so I might have the wrong conceptions here, but I would like to create a flowchart showing how different wireframes of an app are related to each other. The thing is, ...
2
votes
2answers
1k views

I cant find iOS specs equivalent to Material Design

I work in a small company where I already did the design for an app using Material Design guidelines but now I have to design the iOS version; maybe I got used to Material guidelines but I can't find ...
0
votes
1answer
420 views

Designing apps on Adobe Illustrator

Since I began designing an app on 1080 x 1920 pixel artboard on Illustrator, how do I give files to developers who are using Xamarin to develop the app on both iOS and Android?
4
votes
1answer
3k views

Illustrator: what is this black dotted box? How can it be disabled?

It's not part of the artwork and doesn't seem to be hurting anything, but I get this on a lot of client logos and I'm wondering how to get rid of it. I think it's part of the artboard, but can't ...
2
votes
3answers
6k views

iOS iPhone App Hamburger Menu Button Size

I've decided to add a Hamburger Menu on my new iOS iPhone Application. So in order to successfully implement that I need to prepare few images specially for the Hamburger button. But I couldn't find ...
0
votes
2answers
194 views

How do I make these circles with radius in sketch?

I am trying to make the following effects in sketch. As presented in the picture, they seem to have a curved and border radius cut to their ends.
-1
votes
1answer
59 views

Am I a bad programmer? [duplicate]

I've started to ask myself for the past months if I am a good programmer, I graduated Computer science 3 months ago but I've been working as a programmer since first year in University. Since 1 year I ...
5
votes
2answers
67 views

Typographic styling when writing about UX elements

Any thoughts, standards, or good practices on typographical styles to set off UI text in a user manual? For example, how to style the text of the label on a button in: "Press the Submit button." Or ...
2
votes
1answer
385 views

Web design concept to represent categories

I have been looking all over the web for good examples of how represent 4 major categories on a web page from a design perspective. I am designing a web site help centre. There are 4 major categories:...
-4
votes
1answer
54 views

Which one are the best TIPS to make a logo for web? [closed]

i need to make a logo for a development company,and the logo will be displayed in screen most of the time, so i will like to know every tips to make the logo more responsive and totally functional. If ...
2
votes
4answers
769 views

Good source for learning about light/shadow/gradients in flat designs

I came across this creation here on dribble. I have marked some areas with arrows, which are either 'lit up' because of bright light, or have 'shadows' because of absence. And also this one here : ...
2
votes
1answer
676 views

Should my navigation bar start as transparent then become opaque on scroll?

Android has this UI behaviour: The navigation bar is transparent at first, with only the back button. But as the screen is scrolled up, the navigation bar becomes opaque, and the title fades in (on ...
0
votes
1answer
108 views

Beginner with iOS UI Design

I want to start designing iOS app UI in Photoshop but I can't find up-to-date tutorials and informations about document resolution, ppi of document, getting retina ready and complete guide for it. ...
0
votes
3answers
125 views

Ideas to make these tiles look good.

I am not really happy with the way I've designed these tiles . And I'm short of ideas. Can anybody have ideas on how I could make the section look better? In general with the presentation of the tiles,...
0
votes
1answer
61 views

How to structure a section properly? [closed]

I have the following section on my site. This is being viewed on a 1980p display so on a smaller resolution the left and right margin is reduced but the general layout remains relatively the same on ...
1
vote
2answers
2k views

Is there a name for the Windows 10 kind of design?

The design used in Windows 10 Universal Windows Platform apps is one used in a lot of modern interfaces. So like how there are many types of designs, from the day of Swiss and Bauhaus to this day of ...
-3
votes
1answer
448 views

Android Material Design Guidelines [closed]

My company has told me to design an app for them with Material Design Guidelines & I don't know from where to start. Thing I want to know : Note : Others ( The things I don't know, so please ...
0
votes
1answer
358 views

Which would be a better Material Design bottom nav on desktop color combination?

Which colors combination are better for the bottom navigation bar, while in expanded state, taking in consideration the user experience:
0
votes
0answers
308 views

Material Design App Slicing - Android

As we all know, Google have released a material design UI/UX platform for developers. What are the image sizes that I have to follow to slice them for the various resolutions of android devices?
0
votes
1answer
124 views

App artboard size confusion

I am designing an iPhone 6 app. I have set up my artboard to 750 X 1334px which I have found to be the standard size according to helpful websites. However, When convert the artboard size to inches it ...
1
vote
1answer
485 views

How to get specs of UI elements from PSD file for IOS?

I'm going to make an IOS app, and I will get interface mockups of my app from a designer. But I don't know in which format he will send me the interface, whether in PSD or JPEG format. With the given ...
-2
votes
1answer
176 views

How professionals design they top notch websites? [closed]

I'm a beginner web developer and I always create my websites using css framework such as Semantic-UI or bulma.io. Yesterday I saw this http://seanhalpin.io/ portfolio and I am amazed of how great, ...
1
vote
3answers
140 views

How to represent a general movie in a cover picture for illustration purpose?

I'm making a SaaS landing page, and in the upper section there's an interactive illustration of the product (a web interface) in a browser, showing what you can do with the product. This interface ...
-7
votes
1answer
135 views

What's the best iPhone model for App Design [closed]

I am planning to buy an iPhone as a test rig for app design, to see the designs on the device. If I can only afford one, what is the best iPhone model to be use for mobile app design previewing? ...
1
vote
1answer
299 views

Inkscape - How to create uniformed group sizes for a svg file with multiple Object IDs?

I am a currently trying to create my own desktop theme in the plasma desktop environment. Right now I am currently at a roadblock and I need some advice. I am working on a svg file with multiple ...
1
vote
3answers
90 views

Expand height of PSD without overflowing other view

I'm designing a landing page : But as I started my background images are too big so when I crop the view downside, I get this: How do I make the first section to not overflow its background images ...
1
vote
2answers
212 views

How to create an eye-catchy and easy to use form?

I have the following form (to the right), and my intent is that its: Eye catchy Simple to use We are not a professional designer, hence I feel there's something wrong it, but I am not exactly sure ...
1
vote
1answer
110 views

Is there any difference between a font converted for web and TypeKit

Let's say I want to use Helvetica Neue on my website. One solution is to convert the font for web use with websites which transforms the fonts through @font-face css property. Other solution is to ...