Tag Info

Hot answers tagged

5

There's two questions here. Let's start with the first: Why do people use the golden ratio? Because they are lazy, or just blindly following advice without putting a lot of thought behind it. The reality is that the Golden Ratio is mostly BS. Well, BS may be a bit harsh, maybe a better term is that it's mostly arbitrary. Connections to Roman ...


4

Since this is tagged as web-design: Although your purpose for these calendar images is not clear, in order to create this in the most dynamic way, I'd recommend using HTML's little know <time> element (which is supported back to IE9) and CSS as opposed to creating a bunch of variation images because it's much easier to update. Here's a basic ...


4

This should be possible somewhat easily if you instruct your web developer accurately. They'll have to give the bar a certain so-called class and include a media query to hide it on smaller screens. for example: html <div class="foo"> <div class="bar-element"> ... </div> <div class="bar-element"> ... ...


3

With RTL language sites, we need to change a fair many things about a LTR site. Assign <html dir="rtl">. For more information on what that does, check this article or look it up. There is also a CSS direction property that changes the text flow of block level elements and text but does not affect the layout of the page. Mirror your layout. This means ...


3

I have a feeling the answer would come down to opinions. In my opinion no, the baseline is for consistent vertical flow. And the grid for layout and logical sections. The two could be integrated. But may create more design issues than they fix. You could have baseline with multiples of 4px and a grid with multiples of 7px, as long as it looks good its ...


3

My understanding and knowledge of grids is quite limited but from what I've learned when it comes to images the upper side should line up with the f-height of the copy and the lower side should line up with the actual baseline. That may be a bit tricky to implement properly on the web but it's worth considering.


3

Since the tiles are shaped in such an irregular way, you can create each them using SVG in Inkscape or Adobe Illustrator and attach a click event to change the selected color. Once you export it from Illustrator or Inkscape it turns into XML which is DOM based, so you can selecte each part using CSS and JavaScript. You can then do the same thing for the ...


2

I work with Chinese-English prints a lot and usually people use separate fonts for Chinese and English. And like Ryan said, if English uses serif fonts, then Chinese uses serif fonts, same for sans-serif. We don't use Chinese font for English text because Chinese font is double byte and often will display latin characters in a monospace manner (unattractive ...


2

I think the reality is you can do it either way. I would certainly try to use a font up front that supports English and Chinese, if that failed though I wouldn't lose any sleep over selecting a different font for the Chinese version. Just try to keep the overall feel the same between the two. If you use a simple sans-serif English font then try to find a ...


2

First of all, this answer depends completely on what the content of the text and the feel you want to create. From your question, it seems that it's for some type of blog or informational article, but not too technical. My answer will reflect that outlook. For these dense sections should I reduce the width of the content wrapper? Or enlarge the font ...


2

It's not that circles or golden ratios are some kind of required constant in logo design. What are constant in effective design are proportionality and similarity (or, sometimes, contrast). There are many natural ratios on which to base proportionality. The golden ratio is one, but there are also 4:3, 3:2, 2:1, 1:1, 1:3.14159 and many others. Simple ratios ...


2

I think of the baseline grid as a framework to build from. You could probably potentially use it for everything but your work will end up looking robotic. For the web, I think it could make sense to use multiples of your baseline grid to create spaces between your elements as you can probably define it as an em or somehow in sass and reuse it. In print, I ...


2

First of all, creating a "coming soon" page might not be a good idea at all. We have a discussion about whether or not they are helpful which I hope you read and consider the arguments. If you still think that you should create a "coming soon" page, then the best practice would not be to design for one particular set of dimensions, but rather to design ...


2

If your presentation is a printed material, personally I draw a wireframe or the end design proposal and annotate it with my comments. and I do present all possible interaction like so. if you have a pulldown menu or a mega menu in the top navigation bar for example, I render a file having the nav bar with one opened menu item. i there is a scenario ...


1

There seems to be recent trend towards creating animated GIFs of UI interactions (a quick search on Dribbble will reveal more). I imagine a lot of those are put together using After Effects. InVision recently posted an article outlining how they do this inhouse. While I can understand the appeal of these kinds of deliverables (they're en-vougue, they look ...


1

What most people do in this situation is to provide the developers with a pattern library / design library /style guide. This is what I provide the developers at my company with. Its basically a wiki that shows the developer what they need to build out say the navigation for example. It will provide them with all the information they will need to remake ...


1

I would use two different stylesheets. One stylesheet for on screen, and another print stylesheet to specify sizing when your page is printed. This way you will be able to adjust your CSS appropriately for various devices, as well as specify inches or centimeters for a printed page. Check out these resources for making a print stylesheet. And for achieving ...


1

Actually this is a known "wontfix" bug with Firefox not fully supporting SVG fonts. Once WOFF2 becomes fully supported, Firefox will render SVG font outlines embedded in an OpenType-flavored WOFF 2 font. At least that's the idea. Learn more here: https://bugzilla.mozilla.org/show_bug.cgi?id=119490


1

The problem with most greeked text that resembles real text is that people don't read. In the context of websites, I often find that I need to make it absolutely clear that "Hey, this page still needs real content!" To that extent, I've been using 'Xxxx' text: Xxxxx xxx xx xxxxxx xxx xx x xxxxx xxxx. Xxxxx xx xxxxx xx xxxxxxx xxxxxx xxx x xxx. Xxxx ...


1

Note: I have not tried any of these tools in depth. The closest thing I can find to a full animator for the web is Animatron. It looks like it renders to Canvas, which means it is built on HTML5 and JavaScript. Another similar tool is HTML5Maker. However, if you're just looking to create an online video there are lots of tools including Moovly, GoAnimate, ...


1

You were exporting at High (300dpi) resolution. On the other hand, "Save for Web" has an automatic resolution of 72dpi. The 300dpi PNG is larger than the 72dpi PNG because the number of pixels in the image has increased, while the print size has remained the same. It's easy to Export an image to PNG with specific pixel dimensions if the target resolution is ...


1

Are there are standard dimensions for a coming soon page? No.


1

If it's web design feedback you're after then things like Behance and DeviantArt are ok but they're more geared towards graphics. I'd suggest going onto the Envato forums, probably the themeforest site as the users on there are all people who are selling websites so they're all looking for feedback themselves. http://themeforest.net/forums


1

Use this GRUNT task to generate all possible variants: https://github.com/gleero/grunt-favicons Generates all known types and sizes icons from PNG image. Uses ImageMagick. Input: square logo in png. You can also keep near the source files with resolution prefix e.g. source.16x16.png. Output: favicon.ico (16x16, 32x32, 48x48) — desktop browsers, address ...


1

A quick and dirty way in photoshop would be to open the image in photoshop, go to image/adjustments/hue&saturation, select colorize and then tune the Hue and Saturation sliders. Because you are using a png, you might have to clip out the parts you do not want to be effected and leave those parts a layer above the copy of the image with the parts you need ...


1

Personally, it all depends on your skills and requirements. Skills being able to learn and grasp stuff quickly. Requirements being finances. Learning something will need time., and that would kill your productivity for the time being. So if you have a lot of time to kill, go ahead and learn to code. I've been a designer for the last four years and i am ...



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