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
152 views

Sketch - how to create 3d design preview pics? [closed]

I don't know what the exact term is for this, but I often see UX/UI designs displayed as follows: i.e., displayed on rendered mobile devices' screens in 3D. I have finished my UI design in sketch (...
9
votes
3answers
895 views

How do designers choose shapes in a design?

A lot of times, while browsing through sites like Dribbble, one comes across sites that use shapes (see this example). Sorry for being naive, but is there a reason behind choosing a particular shape ...
3
votes
0answers
72 views

Is 100% black good in UI design? [duplicate]

I was told that 100% black color makes eyes strain as it's too much contrast between white background and high color text. Ebooks, for example, does not use 100% black. Are there any studies that ...
2
votes
1answer
53 views

Is there a Sketch search/replace function for primary hexadecimal colors?

I created 20 website templates with multiple layers and assets. I use a primary pallet of five colors. These colors need to be changed and I would like to use the DRY concept. If this was a ...
3
votes
0answers
57 views

Simplifying mobile web design without altering given requirements [closed]

I'm writing and designing a mobile web application where users chat with one another. This question is about designing a page where each user's interactions with connected contacts are shown. This ...
-2
votes
1answer
75 views

What are the best Practices in designing a Landing Page Mobile UI with a group of different buttons with different functionalities [closed]

For a Application I am working on, There are 5-6 differenr services which will be available to user as soon as they login. These services will be present as a seperate button , so that user just click ...
-1
votes
1answer
107 views

Illustrator 2014 - How to remove/move “share on behance” from Illustrator [closed]

It's really annoying when you try to click on export and you accidentally click on behance. Especially when you're busy doing real work. Is there anyway to get rid of it? Or is there a way to move ...
3
votes
2answers
1k views

Recommended Font for distinguishing upper/lowercase letters and numbers

We have a small in-house application which generates a string consisting of upper and lowercase letters, and the numbers 0-9. We've tried using various fonts to output this string, but users ...
1
vote
2answers
172 views

Where can I find Ionic components images for UI design? [closed]

For testing different UI combinations for an Ionic mobile application I have been asked to provide a Ionic components image kit so they can be drag&drop into Photoshop or other editor. I have ...
1
vote
1answer
94 views

Adjusting generated colors to make them more subjectively pleasant

Is there any formula or correction values for r, g, b channels, that takes into account visual perception of color and will allow me to adjust generated colors to be more pleasant while keeping them ...
0
votes
1answer
116 views

What is this style of design called? It's not still flat is it? [closed]

I'm trying to think of the name of this style, to me, it's sort of like a flat meets minimal skeuomorphism (like 90% flat, 10% skeuomorphism) but I think there's a proper name for this style, just ...
-1
votes
2answers
127 views

Does this home page design convey trust, calmness and professionalism?

This is the new home page design for a shopify app development company. Please feel free to share your thoughts, I am here to learn. The idea is to deliver a better experience and improve ...
0
votes
1answer
61 views

Designing for responsive layouts [duplicate]

I've come to find a love for UI design, and I really do enjoy it more than most other aspects of the Graphic Design field. But an issue I have encountered is designing for responsiveness. I know the ...
7
votes
5answers
695 views

what to use instead of $$$ as cost level in design? Is there any alternative?

This question may be quite confusing so I've attached an image with it. Below is a snap from Yelp site, there you can see $$$ which is for price level. So what I want to ask is, is there any ...
3
votes
0answers
95 views

Positioning logo's of different sizes inside rectanlge

I have a bunch of logos of different proportions that need to be positioned inside a rectangle. I can do this by hand so the layout is not as chaotic as it would be with a center/fit placement. Is ...
0
votes
4answers
301 views

Choosing a color scheme for 3 layers of material UI cards

I'm working on the Android UI at work, and I'm happy with the current color conventions we've used; white cards on a grey background, and a black FAB adding just the right contrast to separate the two ...
1
vote
1answer
42 views

Good practice of showing Items details in the same table's page

I have an application which have table of Item, now I'm wondering what is the best practice of showing Items details : Option 1 Search an Item, then click on details button of that Item to open a ...
1
vote
1answer
287 views

Good UX for container alignment for main content

I'm working on User Interface and I'm trying to figure out if a left alignment on the body container or a center alignment would work/look better. I'm adding screenshots of my project. Have there ...
-2
votes
1answer
466 views

How can I achieve these sci-fi effects from Blade Runner 2049's UI design? [closed]

I'm trying to wrap my head around the UI design in Blade Runner 2049. A couple articles just came out talking about Territory Studio's work on the film and their stuff is incredible. I know all the ...
2
votes
1answer
234 views

alt row colouring on nested, collapsible tables

(This is not a CSS question; this is a visual design / user interaction question.) I have an app that renders multiple rows of data, with several levels of collapsible nesting: I plan to tint the ...
2
votes
2answers
350 views

Actual size, fit screen, fill screen icon ideas

Not finding Windows Photo Viewer sufficient enough, I'm coding my own image viewer. I'll be adding buttons which will perform the following functions: actual size (no zoom) fit screen (fit the ...
-2
votes
2answers
138 views

What is this style of design called? [closed]

I like this style and I want tutorials to learn how to do something like this what should i type????
0
votes
1answer
42 views

Looking suggestions to give a better look and Experience [closed]

Here is my first webpage created (for a chatbot). I know that the UI sucks, I need you experts suggestions to make it look better. https://s3.amazonaws.com/rakeshlexbucket/Lex_Test.html To replicate ...
1
vote
2answers
438 views

What is a suitable visual indicator for an anchor in UI?

Anchors are links on websites that when clicked will take the user to another part of a screen. We know that buttons and link indicators take users to other pages or makes certain actions happen. But ...
0
votes
1answer
100 views

What is the name of this realistic design style and where can I find tutorials for it?

As a junior UX/UI designer I would like to be able to recreate this design technique (following imgs). It's hard to describe but overall a sleek, usually "milky/grainy" and gradient brushed texture ...
-3
votes
1answer
380 views

EXO 2, Helvetica Neue, roboto family i used for UI apps design [closed]

i usually used EXO 2, Helvetica Neue, roboto family for UI apps design, is it standard for this or and alternatives. Thanks in advance.
0
votes
2answers
61 views

Sketch: different pages saved as different files?

When designing web pages in Sketch... what is the standard way to deal with different pages? So say if I design a homepage in one file, do I create a new file for, say, an 'about' page? Or would a ...
1
vote
2answers
76 views

Algorithmic heuristic for whether white text is unsuitable for a given background

I'm aware that manual selection based on human judgement will always trump a heuristic algorithm for things like this... unfortunately that's not really an option. :) So given a certain background ...
1
vote
2answers
133 views

Use of a hamburger menu for minimalist design on desktop website? [closed]

Here is a link to my website. My aim was to have a "minimalist" interface, with large font and lots of blank space. The idea was coming from the fact that I personally feel more like reading a webpage ...
3
votes
2answers
668 views

User Input Color Restrictions

What is an appropriate restriction to place on a color gamut for user defined colors? I am helping build a website that will offer organizations to create their own pages. We want to allow them the ...
0
votes
1answer
31 views

Newbie having trouble with background color [duplicate]

For the background, I was thinking of a light blue, almost translucent background with tiny white question marks on it. But any attempt just doesn't look right. I can't really place on what is wrong ...
0
votes
1answer
56 views

What should I charge for designing (no coding): Ecommerce Website, User back end, Admin backend, Landing page & Mobile app? [duplicate]

I have to design (not code) the following pages for a company, they have some wireframes of the main pages, how much should I charge for: Design the marketing landing page Design the ecommerce store ...
1
vote
1answer
1k views

Adobe XD - Update prototype links across all symbols

I am currently designing a brochure website using Adobe Experience Design. I have converted my navigation header into a symbol so that the aesthetic can be easily changed and updated across all the ...
4
votes
3answers
131 views

What tools should I use to make design review process easier?

I'm using Illustrator at the moment. Right now I'm exporting images and uploading them to Google drive and my colleagues give me feedback verbally. This process is very time consuming and tedious. So ...
5
votes
3answers
5k views

Make Inkscape UI completely dark except the document [closed]

I went here and got myself the Inkscape Dark theme. I'm on 0.92, Windows x64. However, I see that the vast area on the screen (not sure what it's called), where the document is placed, is still white....
1
vote
2answers
172 views

Should designers use different color palettes between two separate apps under the same brand?

I am doing design work for an app that serves two different purposes, one part is for permanent users and the other is for temporary users but the apps are under the same brand. The permanent users ...
3
votes
1answer
162 views

creating a 4 icon hierarchy in a dropdown

I am designing a spacial automation player that can run trough: a single instruction a single step (a group of instructions) a section (a group of steps) script (running all elements) I am trying to ...
3
votes
2answers
409 views

Meanings of mouseover colors (outlines) in Adobe Illustrator?

It appears that "blue" means a standard path, "green" means a compound path, turquoise/cyan means something else and I've no idea what a pink outline means. The visual cues presented by mousing over ...
2
votes
3answers
4k views

How to choose font color against yellow background?

There are similar questions like this and this. However, this question is different because of different design constraints. This is the interface for our game. When the user solves a word, we show ...
3
votes
1answer
104 views

Ways to practice design as a student without a subject or project

I am studying design in school but I want to make things outside of class. Only problem is that I cannot think of anything to design. I want to practice designing UI for games but how do I design a UI ...
-2
votes
1answer
84 views

Non-intrusive configuration buttons [closed]

In my iPhone app's home page I need to display the groups a user is part of, as well as have buttons to make and join a group. I've added buttons that lead to the pages where group creation/joining is ...
2
votes
2answers
175 views

In interface design, which icon is best suited to represent “icon”?

I'm building an interface for users to create a web page. The user clicks a button to choose an icon from an array of icons to be used on their page. I have always been stumped as to which icon is ...
3
votes
1answer
399 views

Is there best practice when displaying other brands, such as partners or clients, on your website? Full color or greyscale?

We're debating an issue which I'm not entirely sure should be up for discussion. We have a dozen or so partners who's logos we're displaying on our website. Both our web/marketing designer and I ...
0
votes
1answer
264 views

Responsive website sketch and design tools in 2017 [closed]

About 4 years ago, someone asked the community here to suggest tools they use for mocking up responsive websites. Of course, since then, times have changed and so I'm raising the issue again here in ...
1
vote
1answer
177 views

what does “blur” mean in graphic design? [closed]

I see our designers referring to blur on screens. what exactly are they referring to? These are transaction flows.
-1
votes
1answer
81 views

Nice style for sorting random sized cards

I want to implement on our site a style like Google Plus for news feeds. Can you tell me what is this style name, or advise me on some other nice looking style? I need to sort a lot of cards of ...
0
votes
1answer
48 views

How shall I lay out 2 horizontal elements to look balanced?

I tried using the rule of thirds to place my elements, but it looked wonky ... possibly because the elements are different sizes and heights. I repositioned them so the vertical distance is even ...
2
votes
2answers
738 views

Complex Rounded Corners in Ai or Sketch

I'm really inspired by Tim Van Damme's and Abstract's Mac Icon. The rounded corners that make up the icon are interesting to me. I've seen Tim make rounded edges like these before and would like to ...
1
vote
0answers
354 views

Core color theory books books for UI/UX specialist

I'm a newbie at design. I'm a front-end developer mostly working at tech issues rather than business or design. I really want to get some useful knowledge in this field to help my team to build better ...
2
votes
1answer
292 views

Why are visual specs in Pixels instead of percentages for responsive specs?

Why does Zeplin provide specs in Pixels instead of a responsive unit like percentages? To say that a button is 40px wide and 20px height is not responsive. should I expect the developer to translate ...