Tag Info

New answers tagged

0

You need to test the compatibility on diferent target devices, mainly mobil ones to see if your background works. According to this: http://caniuse.com/#feat=svg-css It is now safe to use it inline. If the image is a flat design I would use a png. I would not use a svg for background, just for diagrams. I do not think a background needs to be "that" ...


0

There may be a better solution, but a quick workaround is to set your units to Points instead of Pixels since 1 Point = 1 Pixel. Right click on your Ruler to quickly accomplish this. With Points as your units, you'll be able to specify decimals for the New Guide... command. After you place them you can of course switch your Document Unit back to pixels and ...


0

I have seen this problem in CS6 too. It seems that when the artboard coordinates (X and Y) are not perfectly positioned on a pixel coordinate causes a size change due to some rounding issue when using "Export" in the file menu. I created a number of 184 x 184 px Icons using arboards (W:184 px H:184 px) and just alt-dragged them to create copies. Then I ...


1

Try to check "Preserve Illustrator editing capabilities" while saving, it should fix the problem. Moreover, be sure that: "responsive" is not checked your artwork isn't bigger than your canvas your canvas' size doesn't contains decimal values I use Illustrator to generate .svg for the web and it works pretty well.


0

First, find out what exactly your customer required, just a simple WP customization or tweaking the CSS? According to image attached, looks your customer just wants you to customize the site without going into manual CSS changes. Find out more about preferred color scheme. Try to do customization according to customers input. Ask for review and feedback ...


3

If you are frustrated with how your design tools render designs vs. the browser, then the solution is to start spending more of your time designing in the browser. The reality is that the web is built with HTML CSS and JS. It's not build with Photoshop or Illustrator. So it's best to get into the actual medium as soon as possible. In your case, you do have ...


0

My company currently uses an Illustrator markup plugin called Specctr- it's not perfect and still requires a bit of TLC, but if you aren't using it already it you'll save quite a bit of time when creating UI specs. https://www.specctr.com/ Adding dimensions, color/transparency, font information to any object is one click away Marking up spacing between ...


-2

I am a bit late but still. I used this tool to create a responsive website http://mobirise.net/ . U even don't have to be a coding guru. It's easy and fast. Good luck!


3

There's different ways to answer this. Purely from a visual/graphic design standpoint, yes, you can space your text in any way you see fit to make it look good. Often we need to adjust typography optically by hand to make things 'feel' right even if mathematically they are off. Technically, it depends on the context of your markup. If this is one ...


3

Sure, it's perfectly acceptable. There's no rule saying you can't. With that being said, the two things you have to consider most are Responsiveness - If the screen or container size is too small then some text may be pushed to the next line which messes up the whole styling. Changing text later on - If the text is changed on a later date to something ...


6

I actually have exactly these clauses in my contract. Client agrees to review work within X days of submission by Designer. Designer will endeavor to meet all deadlines set; however, if Client does not review work in a timely manner, Designer is not responsible for missed deadlines. So IF this client is worth doing the work for, AND IF you think you can ...


3

This is a very common problem when it comes to creative or web work. The way I've seen other agencies deal with it, and the way we handle it, is to specify duration of engagement during estimate or bid stage, with disclaimer that work beyond original engagement is billed separately.


4

If you already agreed upon a price with a contract, and said contract doesn't outline any penalties for your client due to them failing to stick with the timeline, it, alas, does mean it will cost you money. Going forward, you need to be a lot more explicit in your contract with this client. I'd suggest the following type of clause: "Estimate is dependent ...


1

In general, it's a question of preference. But yes, designers should always keep in mind the target market, and a rule a lot of us forget is: Is it readable, is it clear? Some designers prefer to be "artsy" and others are more practical. On screen: Gray can be easier to read if you use a dark gray. With a black at 100% on pages with a lot of text, it ...


3

I can not personally recommend a website to find what you are looking for due to the fact I create my own, I will suggest using more precise terms when attempting a search query. If you are looking for buttons, icons, and other such things. Using these terms will allow you to better sort through the vast amount of images. Don't forget to use the term ...


1

Here is a link to some resources for psd templates. material design resources


1

Blending modes do not exist outside of Photoshop. There's no way around that. You will need to construct the image so that it does not rely on blending modes for its appearance.


3

Google doesn't provide ready made PSDs, no, but they provide better things. Check out Google's Material Design Specifications which is packed with all sorts of guidelines of how to design in a material way, from the style and layout to usability and animations. If you're looking for help on the coding/implementation side, you can check out Material Design ...


2

I don't think google offers any "ready to use" PSDs but you can find some free PSD provided by other users here If you need some inspiration in Material Design, google has a page for that https://www.google.com/design/


0

The closest open source licensed font to Helvetica Neue I have found is surprisingly GNU FreeSans. Below is a sample from Inkscape, with FreeSans at the top and Helvetica Neue at the bottom. The glyphs are nearly identical, some are a little closer to original Helvetica. The spacing varies slightly (at least in Inkscape). The biggest difference I can see ...


0

There is two major frameworks Bootstrap (by Twitter) and Foundation (by Zurb)they are the most used ones web frameworks. I recommend to start over there to see the sizes. Here is the code and sizes they use. Bootstrap /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ /* Small devices ...


4

The short answer is: there is none. If you want your website to be prepared for use in the wide, wild world, you should keep any screen width between, say, 480 and 4800px in mind. Modern designers for responsive webdesigns (designs that adapt to the width of the viewport) work with ranges of widths. Each range has its own quirks to adapt the website to the ...


0

Well to be honest :: it's down to creativity. There will never be an exact template or means to display your content. Here are some ideas for inspiration: http://www.instantshift.com/2012/02/29/50-fresh-examples-of-creative-coming-soon-page-design/ http://www.instantshift.com/2013/07/30/coming-soon-page-essentials/ Just look through them and pick up on ...


3

I'd suggest images should be enough to show proper UX/UI and a concept. If there's specific functionality that you're looking to sell based off of (like jQuery calculator or advanced animation), then include a link to the live site, but honestly - only if you control it or can be sure it's maintained. I learned long ago that pointing to sites from a ...


1

Grids are used in all forms of design to all you to easily organise your page(web or otherwise). There are many different types of grids people use. Some are responsive while others are not. Check out http://960.gs/ as an example of a web grid system. Most designers will find a system that suits them and what they are designing, for example. Using the 960 ...


5

It's hard to have the perfect color and contrast since the background has almost every color possible! But you can add some effects behind your text to light it up or to make it darker, and play with the contrast this way. That lets you also some freedom to use another accent color... Eg. the color of the logo of the business that website is created for. ...


0

When you are saving the illustrator file as a png, what option is selected? Art Optimized or Text Optimized? I've found that these make a difference in how sharp the resulting image is. If there is no text in your graphic, select "Art Optimized" and see if that helps.


2

I think its a single page website or 'pageless' designed website but you also hear people using the term parallax when describing similar websites. Parallax means the image behind moves separate to the front. You can read more about it here en.wikipedia.org/wiki/Parallax_scrolling


2

It is called one page website or single page website. Sometimes this are enriched with things like "lazy load", which is loading aditional content when you scroll down, "fixed menus", and "smooth scroll".


3

Work is work. You need to get paid for work. Whether it was part of the initial proposal or added on afterwards, you need to bill for it. This also keeps the client in line. If they are being billed for every change, they start to prioritize their changes. When you set up your initial agreement with the client, definitely account for a period of revisions. ...


4

I usually make three revisions. After that, I start charging. .. a flat rate per revision.


1

Maybe this can help: http://freelancing.stackexchange.com/questions/3226/project-based-freelance-project-requiring-multiple-unexpected-redos-from-clien/3337#3337. I like to ask a lot of questions before getting started, prepare quick sketches, and split my projects in "steps"; and then each step gets approved. Once a client goes back, it's a revision that ...



Top 50 recent answers are included