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 ...

learn more… | top users | synonyms (2)

2
votes
3answers
2k views

Designing properly for the web - grids for bootstrap and preparing files in photoshop

I have graphic design skills but never designed anything from scratch for the web (except using WordPress templates). I have a lot of experience in Photoshop but not a lot in web. I want to start a ...
1
vote
4answers
1k views

Twitter bootstrap prepended and appended input text

We are working on a CSS framework for our app, having made the prototype with Twitter Bootstrap and we started by designing the elements of Bootstrap we had used. One of them was prepended and ...
-1
votes
1answer
116 views

I'm searching for sketch design software

I'm looking for software which can make sketches such as the one on the image below. I need this software because i start new big project, with many pages. I'm working in a team and I need to ...
1
vote
2answers
187 views

Resizing .SVG Files

I have hundreds of .SVG files of size (256x256) which I want to change to, let's say, 48x48. I know that I can do it manually or with the help of Actions in Illustrator, but is there any script or ...
0
votes
1answer
146 views

Why does 1px equal 1pt in photoshop but not on the web? [duplicate]

Please explain why in Photoshop setting a font size to 16pt or 16px looks exactly the same size but if I do the same test on a web site, the font-sizes are VERY different. Example on the web Why ...
0
votes
1answer
63 views

Choosing colours for type in web design

This is something that I've struggled with for a while now and I really want to correct it. Whenever I create a web design I use a colour pallete of 2 or 3 contrasting colours normally for things ...
0
votes
1answer
60 views

Rendering HTML Form inside Bootstap's popover

One of my teammate came up with a web design layout of rendering an HTML form inside a popover. I've experienced using HTML forms inside a popup and it can be made responsive as well. I had an ...
0
votes
1answer
45 views

What is the best Pantone swatch to use for on-screen designs?

If my work is going to only be used to create image files that will be used online, or in email messages, what is the best Pantone swatch for me to use?
2
votes
5answers
396 views

Apps for free-hand graphic design

I have always drawn with pencils and paper. I like drawing things that are just plain creepy. But I want them on my computer, but I don't want to just scan them on, so I've decided to draw them on the ...
0
votes
1answer
54 views

Unsharp PNG logo on website

I've an issue I've been struggelig with a while now. I've made a logo with Illustrator CC 2015 for my new website. The issue is that on most Windows computers, the logo looks unsharp, while on Macs it ...
4
votes
6answers
4k views

Is it possible to prevent download of images when designing a website?

Say you wish to provide sample high-quality images in your website but also wish to protect them from download, as in you can view them on screen but can't save from the website. Is there a way to do ...
8
votes
8answers
11k views

Is there a visual web editor based on bootstrap?

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
-1
votes
1answer
63 views

RMOS Consultancy logo design Problem? [closed]

Problem with logo design: doesn't scale down well I need some advice/opinions on the attached logo and what my designer should have done to make it scaleable. It looks fine at high resolution and ...
1
vote
3answers
589 views

How to create a PDF template and export as HTML/CSS?

I need a tool that allows me to design how a PDF file would look like in a web page. Something simple the image below, I would like to design using some visual tool, export to HTML/CSS and then just ...
0
votes
0answers
19 views

When, why and how did this simple/plain polygon/color design start? [duplicate]

Ever since Windows 8, there's this simple design of icons, GUIs, logos, websites, but not just in software, but even the UEFA Chamions League has a logo like that. The whole Windows 8 and Windows 10 ...
1
vote
2answers
108 views

How do I maintain visual crispness in a small (50x50) logo?

I'm not sure whether it's due to antialiasing or something else, but the logo and Twitter icon on my site look blurry, especially on mobile: http://scarletstringstudios.com/ The logo source was a ...
1
vote
1answer
366 views

Pantone: Coated vs. Uncoated? Which one to pick for rgb?

I am pretty new to the Pantone Matching System and I understand the difference between C (coated) and U (uncoated). Now my question: What should I use when I only need it on the screen? (no print, ...
-2
votes
2answers
112 views

Recreating 1980s graphic design [closed]

I have noticed a recent move towards, or back towards, the colours and design elements of 1980s pop music videos. Neon pinks, blues and yellows. This has been happening a lot on TV but I haven't ...
2
votes
1answer
40 views

what questionnaire will i use to compare 2 website interface designs? [closed]

I had developed now 2 website lay-out for my thesis. Now i am trying to compare those 2 websites based on their design with the aid of questionnaires. what questionnaires will i use to compare the 2 ...
2
votes
1answer
172 views

Svg not showing shadows in web browsers (Inkscape)

I have newly created a logo that has shadows applied with masks, so they only affect the logo itself, and not the background. Here's a picture: The text of the logo is splitted in 3 main layers: The ...
1
vote
1answer
93 views

Sizes of images used as Logos on Websites

This might sound off-topic, but really this is the closest related StackExchange site I could find. I'm developing a site based on the Porto theme. The documentation is really nice, but this is left ...
1
vote
2answers
85 views

My files are re-sizing themselves and I'm unable to change this

I have created a design in Illustrator with the artboard size of 960px x 350px. I have a container for them to fit into but when I save my work either save as, save as web, or expand saving as a PNG. ...
1
vote
1answer
105 views

Why is this type of look common for Japanese websites?

I've noticed that a lot of Japanese websites, ranging from a lot of different topics use the same layout and style. The last website I've found is: http://dolittle.eplang.jp/ So why is it common? Is ...
2
votes
1answer
79 views

Hand over PSD files for web slideshow

I agreed to make 5 images for a web slideshow for a client. I haven't sent the quote for the work yet but they are already asking for the source file (psd file) I guess to create their own images in ...
3
votes
2answers
918 views

Googlefonts: Change font only for just one character throughout the website

I don't know how this happened, but every instance of the ampersand is in one specific font and style on my website (something like Times Roman italic). My site is all about ampersands, so this is ...
1
vote
2answers
172 views

What pixel width should a designer use for the PSD, given the pixel width of the website?

What pixel width should a designer use for the PSD, given the pixel width of the website? (for example, I need a design for a website thats 1920px wide. What resolution should the designer use in ...
1
vote
3answers
467 views

Illustrator PNG w/ transparency Export - White Outline in Web when not 100%?

I created a vector graphic in Illustrator CC and used "Save for Web" to create a transparent PNG of it. When rendered on my site, though, it adds a faint light outline around the gray circle in the ...
0
votes
1answer
72 views

Is Adobe Flash back from the dead? Seeing Flash web content on iPad

Good day all. One of my clients today asked me to study some banners for a slider they have on their site's homepage, I went there to take a look, and suddenly "I saw FLASH". My first reaction was ...
0
votes
6answers
361 views

What caused the rise of flat design?

What factors led to flat design catching on in web and app design? I know that Microsoft and Apple led the way in abandoning skeuomorphism in favour of more austere designs, but what motivated this ...
0
votes
0answers
548 views

IS iMac Retina 5K suitable for webdesign?

it is time to retire my old macbook pro which served me well for over 5 years, since I dont require protability I am leaning towards bying iMac 27 with 5K display. I work as a web designer and my ...
2
votes
2answers
145 views

How to export an image from Photoshop with the multiply effect?

I have a design in Photoshop with two images with the multiply effect. This effect is not possible in all browsers with Javascript/CSS3, so I decided to export the images with the effect from ...
0
votes
3answers
421 views

How can I save for web with 200dpi in Photoshop or Illustrator CS6?

could anyone please help me with this? I've created a design (for display on web and on mobile devices) and I need the pixel ratio to be let's say 500px by 500px, but the dpi to be 200dpi instead of ...
0
votes
0answers
54 views

Adobe Photoshop : Display text-selection in correct format

I am working on a photoshop design for a font-design which will be inserted in html. Right now, when the text is selected, it looks differently in Photoshop and differently in browser(FF). As you ...
5
votes
1answer
126 views

Multilingual SVG for the web

Is there a way to create multilingual SVG files for the web? I have an SVG with text that I use on a website. Now if the user changes the language on the website I should normally create a new ...
15
votes
6answers
6k views

Learning Photoshop just for web designing

I want to become a web designer, so I'm watching a lot of Photoshop video tutorials, but some of those tutorials are not useful for web designing. For example, some movies are about skin, or teeth or ...
1
vote
1answer
103 views

Usage of paid fonts

I've recently bought the Karnak Pro font for usage on a freelancer flyer for a company, but after looking on the web I've found that there are some constrains on using fonts for that type of thing. ...
4
votes
2answers
112 views

How to add hidden notes to developers within designs mockups?

At a high level, I will be managing a web design team that will be working with onsite developers on a large ASP.NET project developing website, mobile website, and mobile app versions (Android and ...
1
vote
0answers
55 views

Does your company have a GOOD process for multi-platform design development? [closed]

If you've worked in a well-organized, big team environment, from designers to developers, I'd love to hear from you... I need to propose a design process for a web design team that will be working ...
1
vote
3answers
153 views

Text seems out of place next to logo

I'm not a designer in any way, but I'm having to design an app/web site for a customer and I'd like to know if the text here seems 'boring' next to the logo: it seems out of place and left there ...
4
votes
2answers
170 views

Feedback: A simple registration form. How can I make it more clear?

I am no designer, nor am I pretending to be one. This is why I am kindly reaching out the community for feedback. In this landing page I made I feel there are lots of things wrong it, and hence it ...
-4
votes
1answer
103 views

Usability and distracting and confusing design [closed]

I have designed my theme here you can take a look : http://photontechs.com/themes/VSResume/Designer/ Reviewer said "Nice idea, but usability for this conversion is pretty low. Theme is also very ...
2
votes
1answer
83 views

How does a programmer showcase his work?

I'll start of by saying that I'm a programmer who rarely ventures outside of Stack Overflow, so sorry if this post is off topic. Right now I'm in the process of updating my portfolio site and I'm ...
1
vote
0answers
105 views

Are there any websites which allow a preview of how a color palette would look on a website? [closed]

For example - like alot of colorwheel apps - this webapp http://paletton.com provides a preview of your palette in the window next to the colorwheel. In addition to this generic preview, you can ...
3
votes
4answers
1k views

Generate/Extract for Illustrator?

Is there a way (plugin, add-on, etc) to export assets from Illustrator the way one does with Photoshop Generate? I'm finding myself spending a lot of time meticulously separating everything into many ...
3
votes
2answers
159 views

What colour system to use for print AND web publications?

Everyone loves a color best practise conversation so here goes: When I lay up publications in inDesign that will go both onto web and print I do so in CMYK (cos I love print). Then let inDesign ...
4
votes
2answers
336 views

How to choose a color palette for a website

We're completely color illiterate on our team. Our internal site has a lot of black and white, but I've heard that too much contrast is bad. And people don't respond well to the look of our site. ...
1
vote
2answers
116 views

How can I find graphic designer partners to build projects with?

I'm working through a free coding camp and building some nice apps as a part of their assignments. The idea behind the assignments is to get hands on experience with code and to build a portfolio of ...
6
votes
5answers
1k views

How you can rework logo to fit favicon of browser - 16x16px?

Let's say, I have a logo of website, with size 120x50px. Favicon should be 16x16px to be supported by major browsers. How it is possible to rework some image, making it smaller nearly in 10 times, ...
1
vote
1answer
138 views

Seeking inspiration for software suite dashboard

I am in the middle of designing a software suite's dashboard, however I am in a bit of a rut as my only source of inspiration is Adobe's Creative Cloud software suite dashboard ...
1
vote
3answers
544 views

How can I make my logo look crisp on the web?

I'm launching a company and my logo looks really pixelated and low-quality compared to some others. For example, http://talentegg.ca/ has a really crisp logo, how can I get mine like this? Mine, ...