63

There are a lot of ways to animate things on the web. There are even more ways to create animations then export to web animations. There are huge benefits to designing animations in something like AfterEffects or Animate CC (which can both import Illustrator and Photoshop files) for the obvious reasons of division of labor and use of a graphical editor. With ...


54

Change the client's mind. There is nothing that can fix the fact that red text on a blue background is an extremely poor choice for legibility because the contrast is too low, and because specifically red and blue work poorly as contrasting colours. This website webaim.org shows that the contrast between your two colours is a pitiful 1.52:1 Contrast is ...


53

Roboto is a good neo-grotesque sans that can replace Helvetica. Commissioned by Google and released for free. Used as Android's default font. Google re-designed Roboto in July 2014. The above sample has now been updated. More about Roboto's (pre-redesign) similarity to Helvetica here. I wouldn't overstate its similarity, but I would say it's a good ...


43

www.example.com and example.com are two different addresses. It is only a common convention for web servers to be configured such that both variants work the same. This convention is not universal, and some web sites will be set up only to respond to one or the other. You need to confirm with whoever is in charge of the web site, which is acceptable to ...


40

Fillerati Fillerama Gangsta Lorem Ipsum F*ck Lorem Ipsum Bacon Ipsum HTML Ipsum Loripsum.net LittleIpsum for OS X Professional Lorem Ipsum Generator Veggie Ipsum Hipster Ipsum Journo Ipsum Tuna Ipsum Samuel L Ipsum Charlie Sheen Lorem Ipsum The Web 2.0 Lorem Ipsum Generator Beer Ipsum Lorempixum Malevole GAG Ipsum Space Ipsum Cupcake Ipsum Zombie Ipsum Bogan ...


38

Discovery and Scope Sit down with the client to determine, goals, purpose, and needs. You should have drafted a quote of the purposed site and also discuss turn-around time. Make sure to have written in anything needed that you cannot provide. You need to figure out how the site will be structured. Such as responsive, tablet and phone only, desktop only,...


37

Nothing special just a quick and simple thought. Without deep thinking.


37

Depends on why you watermark You should not be so concerned with others swiping your designs. What you should be concerned is how to find clients and getting paid. Don't fall into the trap of thinking you're going to lose money at this stage from copying, because even if it happens there's no real way for you to turn it into money. Only care about money you ...


34

I point out to clients that large logos are the equivalent to SCREAMING at customers. When you walk into a store, do you want the sales rep to come up to you and scream, "HI! WHAT CAN I GET FOR YOU TODAY?!" or would you rather have the rep walk up and quietly ask, "Hi, what can I help you with today?" (It carries more weight when spoken :) ) I ask them to ...


34

This completely depends on you and your designer. Most likely your designer is asking for the following things: What you want on your website. This includes what the purpose of the website should be and any important information related to that purpose, such as your company information that you want people to have, information about the services that you ...


33

I always prefer a very dark grey to pure #000. The choice might look personal, but here's the theory behind it: There are very little 100% black things in nature. All black objects you see have some for of light reflected on them, shadows are never completely black. When you #000 in a design, it overpowers the other colors. It attracts too much attention,...


30

Tex-Gyre-Heros is for me the best one. Enjoy it! Tex-Gyre fonts at GUST e-foundry home Install on Ubuntu: sudo apt install tex-gyre


30

Do you really need to follow the trend? Don't ever do something because it's a trend. Do things because they're good for the user's experience because that is what's best for your company and your design. Think really hard about the implications that adding a large image to your site will have and weigh the other options you have. You don't have to use this ...


30

Any single colour can be worked into a working colour setting, even for a website. So, yes, they are right in stating that using their blue is good for brand recognition. A good idea might be to take the original #2DCCD3 and create less bright, saturated versions of it to use next to the base colour. You can create these shades using the HSB colour model. ...


30

Okay, it depends on this: If they saw proofs or any other mock up and signed off on the design before it went to code, then I think you are in a good position. They should pay for it, propose that they pay you some money and walk away. If they never saw proofs, just walk away and keep the deposit (they are happy with the logo and stationary, they should pay ...


28

The basics from Favicons - Best practice for 2013: ICO favicon.ico (32x32) PNG favicon.png (96x96) Tile Icon tileicon.png (144x144) Apple Touch Icon apple-touch-icon-precomposed.png (152x152) And a "painfully obsessive" cheat sheet to favicon sizes/types on GitHub. Always worth a read: http://www.jonathantneal.com/blog/understand-the-favicon/


27

I will start by saying I have negative social skills with a seasoning of Aspie on them. So, taking that into account, here I go. Based on my Spock-like field work, I have learnt that my non-creative clients (I have creative clients as well) tend to be problem solving oriented. They tend to focus on the problems they have and are very interested on how you ...


26

These are all interesting answers, but a tad esoteric. The reason is rather simple. Contrast is good for readability, but too much can be considered unnecessary at best, and detrimental at worst. Nearly all printed text is black on white paper...but rarely is it pure white paper. It's often an off-white. And even then, because it's printed, it's using ...


25

The best way to learn how to create websites and applications is to actually do it, meaning you should create projects, and to do it all the time. This short video conveys the emotions of a newcomer and gives some good advice on the subject. I also wrote some other recommendations for people interested in learning web development that you should give a read ...


25

Assumptions: We want to get across to new users that things can be restored from being deleted, trash can style (if not, or users already know, go with DA01's simple 'undo' icon) We want the focus to be on the action the button does (with the trash can element a minor secondary detail) Usual icon criteria: simplicity, uniformity, must work at small sizes I'...


25

Logo first. Why? There are a few reasons: Logo is the theme of your brand [identity/property] in many ways. If you don't know your theme how are you going to capture a thematic site? Logo is your focal, you can't [accurately] build around a focal without a focal. Logo sets the color palette and perhaps other things such as font-face, drop-shadow, text-...


25

Very rarely. Any time you claim to be a professional X, you're staking your reputation on a claim to have specific, comprehensive expertise in that profession. With typography, some graphic designers can justify such a claim, but most can't stretch that far. "Typographer" implies professional expert. Most good designers are adept at typography, and many ...


24

Depends on your contract. In general, absolutely, yes. You did the work, you provided it to the client, now their job is to pay you. I would not offer a discount (seriously, 50 variations?) but would keep it in mind for negotiation if needed. Given that you did so many variations, I would probably offer a 20% discount at most, but only if they were ...


24

From a purely design standpoint, starting with the mobile version first does make sense. The hardest part of the design process is always pruning, never adding. So the smaller the screen real estate you allow yourself, the more you'll have to think about what is important in your design, what information you really need to show. Also, you'll force yourself ...


23

A few years ago if you had asked this question then the answer would have been a resounding yes! However we've been redefining design styles and ideas lately so it's now a little more complex. Yellow can work on a black background, but it's as much about fonts and where the colour is used that affect the overall look of the site. Make sure you're using ...


23

For all intents and purposes, this is downright impossible. You can disable right click, but people can still view the source code of your page (by adding view-source: to the URL in Chrome, or just using a browser menu) and find the URL. You can use a CSS background-image instead of HTML <img>, but people can still use their browser's inspector (F12 ...


23

You could start by describing what in particular you don't like about this design. Don't get me wrong, I don't really like it either, but I've noticed that you haven't written anything about why you don't like the design. If you told your boss the same thing ("basically, it just sucks"), I'm not surprised he didn't listen to you. If you don't like it, try to ...


23

Short answer: you don't. Longer answer: it's literally impossible to take into account all screen settings and calibrations, circumstances and visual (dis)abilities of viewers. That is why there are guidelines for, for example, contrast of text and it's background, to guarantee some usability in at least a majority of cases. My personal workflow includes ...


22

You can run this code on your javascript console: var e = document.createElement('script'); e.setAttribute('src', 'https://nytimes.github.io/svg-crowbar/svg-crowbar.js'); e.setAttribute('class', 'svg-crowbar'); document.body.appendChild(e); or use this bookmarklet. Worked perfectly for me:


22

www. may have valid technical reasons for being used. When a server is configured it must be set up to use http://www.example.com and http://example.com. It is completely possible that www.example.com loads the site and example.com does not. They are two, different, separate, addresses. This is all controlled by the server. Both addresses may work, or one ...


Only top voted, non community-wiki answers of a minimum length are eligible