Questions tagged [website-design]
Questions about designing the aesthetic look of websites, both practical and theoretical. For questions about coding the structure of a website, please go to Stack Overflow. For questions about the user experience, please go to UX.SE. Ask anything related to designing graphics and visual layouts here on GD.SE.
1,461
questions
0
votes
1
answer
463
views
SVG for Web -- possible to use clipping via CSS without a clipPath?
I'm not too well versed (yet?) in using SVG for the web. What I do know is that simple shapes are better than complex paths, if at all possible (due to simple points versus pathing points). Because of ...
- 103
1
vote
1
answer
163
views
Looking for website examples for a drag and drop style widget
I'm designing a site and they want me to add the functionality to drag and drop different data to be displayed to the client in different ways. For example, bar charts or line charts. I'm having ...
- 113
0
votes
1
answer
58
views
How to resize all the layers?
I'm working with a graphic designer who doesn't know how to design for the web, I can't blame her, she's not a web designer.
She keeps sending me pictures and PSDs that seem too big, I do my ...
- 175
0
votes
1
answer
129
views
Smart home design feedback
I would like some feedback for my design. It is in german because we are situated in a german speaking part of the world.
Back story, it's a website which will guide a customer with smart home ...
- 11
0
votes
1
answer
39
views
Building "HTML5 PSD files from comps"
I'm applying for a gig and one of the requirements is "Experience building ... HTML5 PSD files from comps". Can someone expand on what is meant by "HTML5 PSD files from comps"?
I understand what ...
- 81
0
votes
2
answers
543
views
RYB or RGB when designing for the web?
After reading this article, I started to question if I should be designing websites taking into account the RGB wheel instead of the RYB.
What wheel should I be using for color selection for website ...
- 379
1
vote
2
answers
357
views
Ideal range of brightness and saturation for background color of a website?
I'm developing a website and I'm thinking about the background color saturation and brightness. I've read that too saturated and bright colors would strain the eye if not immediately after a while.
...
- 379
0
votes
1
answer
64
views
Why are title images so often distorted? [closed]
Example.
I've read somewhere it's because people upload them in too high resolution and the browsers' scaling programs aren't perfect. However, today I bumped into a distorted logo of equal size on ...
- 159
1
vote
1
answer
161
views
Optical illusion caused by gradient. How can I avoid this effect?
I have a background image that is bright on one side and dark on the other. Below it I have a gray box. The issue is that the gray box appears to be diagonal instead of flat which I believe is caused ...
0
votes
1
answer
90
views
How to reproduce this effect and what's its name? [duplicate]
I have been looking on project on behance and there are plenty of projects that show interfaces in a 3d way with depth and I can't find anything to reproduce something like this, so since I am not a ...
- 3
-1
votes
3
answers
249
views
Maintaining curves within logo
I have the following logo...
I need to adjust the "3" so that the curves used for the 3 are proportional and the same degree of arc as the other curves. Currently, the arcs within the 3 appear ...
- 21
4
votes
1
answer
357
views
Doing website for a client but logo is not good quality
I'm doing a website for a client and they provided me the logos but,
the logos all have a white background which I've tried to remove but I cannot.
I use Canva to adjust the logos. The logos are ...
- 41
1
vote
3
answers
5k
views
Image on browser at 100% is pixelated, create image 200% and scale half size is sharp
How can I host an image at 100% size on the web and keep a sharp image? Is the web browser down sampling my images?
If I create an image at 100% size (example 1000px wide), and display it naturally ...
- 101
3
votes
1
answer
175
views
How to create complex CSS structures? [closed]
How do companies like Google, Facebook maintain their CSS files? I have looked at some of them and they are really huge, even with their names all scrambled? How do they manage to create so complex ...
- 131
0
votes
1
answer
82
views
Create an input range slider with a high range [closed]
I want to create a web page for some visualizations I made using d3.js.
I create a map, an heatmap and some other small charts.
In this drawing I show (very schematically) how the created graphs ...
- 101
1
vote
1
answer
48
views
Which image format to use for IMPORTED images while creating web design assets
Very basic questions, but I still do not have a clear understanding on it.
Let's say that I need to create web assets (banners, social media posts, etc.) and I need to import product pictures and ...
- 9
1
vote
4
answers
371
views
How to deal with "poor design" client feedback
I was commissioned to design a website for a cruise ship/boat that has 7 restaurants on board. The client provided a reference for their competitor which is Pier88group.
I went ahead and designed an ...
- 43
4
votes
1
answer
281
views
What are some classic decorative typography techniques?
I'm working on a website, and I'm using a drop cap/initial letter for the text body. I find this technique to be very eye-catching and beautiful to look at. Does anyone know any similar simple, ...
- 411
0
votes
1
answer
1k
views
SVG Logo pixelated on wordpress website
I have saved my vector logo as .SVG file from adobe illustrator. But when i upload it on my website it is pixelated. The size of the logo which i want on my logo is (125px by 125px) but i am unable to ...
- 1
1
vote
1
answer
139
views
Iconography Sizing - Creating a Grid
I’m trying to create a grid to make my icons more consistent. At first, I decided to play with 24x24 px as my default size (with 1px line weight). To maintain visual weight, my circles were 22x22 px, ...
- 165
3
votes
1
answer
155
views
Spacing and padding iconography
Wanted to practice making an icon set. I created a 24x24 px grid as a starting point. Let’s say, based off this grid, I have a rectangle icon that is 16x24 px and a square icon that is 20x20 px, but ...
- 165
-2
votes
1
answer
188
views
How can i learn to create complex UI and graphics on my website? [closed]
I have been scrolling through dribbble and i could see very impressive web design shots, so far i just create basic looking websites but i would like to improve on my UI with a bit of graphic design. ...
-1
votes
1
answer
33
views
Permission to uses fonts to web [closed]
how can I know if the font that I have "Weidemann std font", have the permission to visualize it on the web?
10
votes
3
answers
1k
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. For example, this one:
Sorry for being naive, but is there a reason behind choosing a particular ...
- 253
-1
votes
1
answer
96
views
How to approach designing a landing page for a wholesale retailer without eCommerce? [closed]
I'm trying to sketch the look of a website for my parent's retailer. We sell disposables/restaurant supplies like plastic cups/napkins/paper bags, etc. Very old school, local, small and personal. ...
- 109
3
votes
0
answers
64
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 ...
- 131
4
votes
0
answers
815
views
Google Web Designer distorting image sharpness
I'm using Google Web Designer to create an animation. The program is awesome for the most part. The one area where it's a bit befuddling is with image quality.
Original images are usually quite ...
- 141
1
vote
2
answers
965
views
Bodymovin a good idea for web animations?
On our new "how it works" page we want to use animated graphics to better explain some concepts of our service. We don't have any experience with more complex animations and we decided to try ...
- 19
0
votes
1
answer
3k
views
What are the Best Sizes for Designing an Icon Set Used for Web
The icons that I've created for a website of mine are starting to become a little disjointed in size and styling. I"m wanting to spend some time creating a standardized icon set. I'm most concerned ...
- 364
1
vote
1
answer
623
views
Can I redesign a random website for my portfolio?
I would like to redesign a random website and use it in my portfolio, either as an image or sample live project. Am I allowed to do that, use their logo and link to the old website, that's still ...
- 11
2
votes
1
answer
72
views
Can we have a multi-coloured logo as white in the navigation for better visibility?
Is it okay to have a white logo on the navigation because of a darker colour shade and the original multicolored logo in the footer? Is this an accepted practice?
- 253
2
votes
2
answers
58
views
Illutrator save for web created dull images [closed]
Hej!
This has never been a problem before and I have tried to look for an answer all over the web with no success.
I have created lots of illustrations (vectors) in illustrator before which I have ...
- 21
0
votes
1
answer
133
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 ...
- 238
-1
votes
2
answers
143
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 ...
- 253
7
votes
5
answers
902
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 ...
- 71
-1
votes
1
answer
73
views
Web page top margin when different fonts are in different columns
I have a web page with two columns:
The narrow left column is a vertical navigation bar with a small (or ordinary) sized font
The main right column contains the content, which has a mix of fonts (e.g....
- 345
-2
votes
1
answer
787
views
Design in Photoshop for SquareSpace
Is it possible to make a landing page design in Photoshop for a customer who wants to use SquareSpace (website creator) after? It sounds strange to me.
Thank you!
0
votes
1
answer
1k
views
How to attribute other artist artwork when used as one part of a whole?
If I use another artist's art, or a stock image, and modify the artwork and re-design its use, how do I attribute the original artist of that part of the work?
For example, is it appropriate to ...
- 101
0
votes
3
answers
251
views
How to design an cartoon looking image
Full confession I know absolutely nothing about graphic design, Im usually over at stackoverflow.
Ive searched, googled and pretty much everything else but I cant get a concrete answer.
Consider ...
- 111
2
votes
0
answers
115
views
Looking for resources to study the design practices for Asian countries like china, taiwan etc [closed]
I am a visual designer and I have recently got this project on researching web/app design practices for Asian countries e.g. China, Taiwan, Japan, Korea etc. I have been trying to search for books or ...
- 129
1
vote
1
answer
113
views
Artwork from different designers: Achieving an integrated look?
First of all, I am not a graphic designer.
I am launching a new website soon. I have the text almost ready. I have a web designer and infographic designer.
In order to prevent visitors meeting ...
- 111
0
votes
1
answer
671
views
Recreate my text-based vector logo in HTML/CSS
I know that this could also be posted for the coders, however I figured a lot of you stepped in each other's backyards from time to time so here goes:
I'm using the Twentyseventeen WordPress theme ...
- 19
0
votes
2
answers
72
views
Dev environment & tools for designers
I'm wondering what kind of dev environment and tools are reasonable for web designers? We've hired someone who is familiar with css and html but not really git, github, the command line. This is ...
- 113
-2
votes
1
answer
8k
views
Cut square diagonally with inside content with CSS
I am trying to do some thing like this in CSS...
I have tried using the border-bottom and border-top but when I add text inside, something like "1 new" or something else it doesn't fit in that ...
- 107
3
votes
1
answer
920
views
Is there an automatic tool that can crawl a live site and generate both a visual sitemap and single-page screenshots?
Is there an automatic tool that can crawl a live site and generate both a visual sitemap and single-page screenshots?
I tried searching around and all I can find is Powermapper and Slickplan but ...
- 76
0
votes
3
answers
313
views
Where do I go to make a web portfolio? [duplicate]
So I have been doing webdesign or web development as a hobby for two years and recently I made a leap to make it a career and even went back to school for it. I've done two projects, one which fell ...
- 3
0
votes
1
answer
3k
views
Why do edges get blur for font outlines and shapes?
(Illustrator 2015, artboard size: 960px x 887px, Units: Pixels)
Original .ai file is here:
For a few months, I was designing some logos and shapes using Illustrator. Now that I've some concepts ...
- 4,113
0
votes
1
answer
3k
views
Design safe area / top and bottom bars height through different systems and browsers
When designing RWD how do You consider design safe area? For example in 1920x1080, do You design for 1080 or You shrink it? If shrink, how much, considering Windows and Mac and also different browsers?...
- 43
0
votes
1
answer
121
views
Header design for electronics store [closed]
I have to make a header for this store that sells Alarms, CCTV and others electronics stuff, the thing is that I cant find a design that matches with their logo.
I spent several days trying to make ...
- 3
2
votes
4
answers
2k
views
Choosing colors for website elements based on logo colors
I am new to UX design (zero sense on choosing colors) and designing my fist website (social networking) based on the logo I have. My logo colors are teal and orange. Based on these colors how do I ...
- 121