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
vote
1answer
161 views

Mobile app screen visual design critique [closed]

This is a hi-fideltiy mockup of one of the mobile apps I am designing. I personally don't like the design that much. However, I cannot pinpoint the issues in some objective way for me to improve it. ...
1
vote
0answers
166 views

What are the risks, if any, of upgrading GIMP from 2.8.16 to 2.9.x?

I am interested in going to 2.9.4 for the added utility & improvements. I have loads of custom scripts, UI, and so on that I use frequently, so these are my chief concerns - will they port ok? ...
2
votes
1answer
217 views

Live update duplicate artboards in Illustrator

I do a lot of UI/UX design in Illustrator. Often, I find myself needing to create different screens with slightly different elements (e.g. an open hamburger menu/a modal. something like below). I've ...
4
votes
5answers
2k views

How to make this explosion animation better

I need some help with this explosion animation design. I made it for some mobile words puzzle game. It shows up when gamers solve the puzzle and reveal the right answer tile. However, one feedback I ...
3
votes
2answers
5k views

Why are slices in Sketch Important?

I understand that this a noob question; I am about to import my Sketch design into Zeplin.io and I am being told that I should have slices created for my assets. I have created symbols for my icons ...
2
votes
1answer
542 views

InDesign, Data Merge and Variable Text Wrap

I am working on card game with many, many cards. These cards have variable icons on them (example: some cards have the moon icon and some don't) I am using data merge to place the images where needed ...
1
vote
1answer
141 views

What kind of Design is this? Lowpoly or polymer or something else?

I want to know what kind of design is this? Low poly or polymer or something else?
-2
votes
1answer
314 views

Background for bright orange button

I am designing UI/UX for a mobile app. The brand identity is using this bright orange color so I made the button look like this: But I don't know which background color to use for this button. and I ...
4
votes
1answer
6k views

Why does material design recommend a 2dp border radius for buttons?

I know people prefer rounded corners to regular (90 degree sharp) corners (references: 1, 2, 3), but why is 2dp considered a proper value for border radius? Is a button that follows this rule more ...
2
votes
1answer
913 views

Illustrator: how to get a blank artboard?

This is what my screen looks like. I want a white artboard with no extras. How do I get rid of the green ruler and boxes?
-1
votes
1answer
55 views

Multilayered option list form

I want to ask about multilayered options from the view of UI and UX. I need to make a form about coverage area in which contains states, city and districts. user can choose multiple states and cities ...
1
vote
1answer
76 views

General Rules for Choosing Colors/ Patterns [closed]

So I'm trying to design a dashboard and I was wondering if there were some general rules for colors to use for buttons, borders, headers, containers etc. Like what are the appropriate colors that will ...
-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
108 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
167 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
186 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
1k 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
643 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
658 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
551 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
469 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
1k 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
474 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
425 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
201 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
397 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
806 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
725 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
109 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 ...