Tag Info

New answers tagged

0

What you could do is use something like Edge reflow, which makes responsive design real easy for demonstrating purposes, but the code is just aweful. Else take a deeper look into Macaw


0

If this is for a website, why dont you use blend modes in CSS? Since CSS3 this is possible. I'd suggest get the png on normal mode and give it the following line of CSS: mix-blend-mode: multiply; this could be screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, and luminosity ...


0

The answer depends on your layout. If you are using a raster element (jpg, gif, png) the best size is the maximum size required in the layout. Be careful as large images will result in an increased wait time to load the file on a browser. Some tips with raster: try to break the image in to elements eg. separate the logo from the background in web ...


0

Another option would be to merge the layers involved to preserve the blend. Knock out what isn't needed from the underlying layers by using a selection formed from the intended shape/layer. You only need what is directly underneath the top layers. Merge to preserve the blend. Should work in theory


3

Designing a graphics for a header is not just designing the image, but knowing how the header will look overall. If you provide only the image, there is a chance the other person making the website put just a tini little version, or a deformed one for example. So the first step is to prepare a canvas simulating diferent screen devices, let's say: 1920 ...


3

As long as you are using shapes and the pen tool in Illustrator it really doesn't matter. Letters that are converted to paths are fine too. Not sure about the other tools. Since you are creating vector graphics with those tools (when using Illustrator) they can be enlarged infinitely without loss of quality. Save your files in EPS, AI, PDF or SVG. Those ...


1

Add this after your piece of CSS and before the closing semi-colon: !important So: body { font-family: 'Syncopate', sans-serif!important; } This will bazooka through any other style settings (unless they also use !important). Also, remember that: http://fonts.googleapis.com/css?family=Syncopate' rel='stylesheet' type='text/css'> should be: ...


4

In addition to the great advice Yisela offers and the comments by DA01, I'll add a couple points. Users won't intuitively know they can drag to scroll - It's not immediately obvious that it's a horizontal menu, it's even less obvious that one can use touch and throw to navigate it. I'm not sure how you could remedy this besides showing users a helpful ...


5

A scrollable menu makes sense on a phone where you have limited screen real estate and an easy intuitive touch-to-swipe UI. A scrollable menu on a desktop web site, however, is just a way to hide navigation. It's not all that usable. Having to use a mouse to scroll back and forth to find the particular menu item I am looking for is not a good user ...


4

I think for a single level, the menu is perfect. It's the sub-menu that I believe might have some usability issues when it comes to people not so familiar with different types of navigation. Some observations: The arrows make it clear that you can scroll horizontally, and although you said you are still playing with the implementation, their size can be a ...


0

Can you recommend some good resources(paid or free) for non-coders (such as graphics designers), to learn about responsive design, how to design assets for responsive design, how to develop sketch ups/wireframes for the customers, how grid works etc? There are many excellent sites out there. As designers they could get a Lynda.com subscription, watch ...


0

Because of the incredible fast development of web related hardware (e.g. new screen sizes, faster cpus) and software (e.g. development on github), you don't really need resources. Technical Books are outdated in 3 months - research, own developments and testing new software solutions is all what you can do on the technical side. I suggest you to create ...


1

Baseline grid are used to create a system of vertical rhythm and matching baselines between columns. This is extremely difficult to do in web design for a number of reasons. One of the main reasons this is so difficult on the web is because of line-height. Text is placed roughly in the middle and may render differently based on the browser you're using, ...


0

As mentioned by plainclothes, learning the basics of design is important. There are many good resources listed here on GraphicDesign to get you started which you can find easily by checking out the resources tag and sorting it by votes. You should give many of the resources provided a read if you're wanting to become a good designer of anything. As for UI ...


2

Just my opinion..... Does my website have a professional, high-end feel? Why are why not? No. Using 3 separate typefaces - sans serif, serif, and script confuses the message. This is compounded when you change fonts mid-sentence like you've done with the script in the page content. "Creative designer of upscale and high-end" is an incomplete sentence. ...


1

Photoshop & Browser both are different so it is possible in text size. i also have this problem so i Google it and find http://pxtoem.com You can see it how font size work and which font size you can use for your text.


0

I find that the call to action blends into the rest of the design. Using a different color (green would work well) would make it stand out more. Another option is to give it more spacing. The design is ok, but I would stick to 2 fonts - the cursive font is hard to read, so might recommend dropping that. Also the design is a bit cramped in areas. I would ...


1

They basically want to be able to provide sketch-ups to customers for each device This never works. Never. Wireframes aren't responsive. They're approximations of what the code may render. That's hard enough when we're talking a single Photoshop file being converted into a HTLM file, but pretty much impossible when we're talking responsiveness. The ...


0

Hack Design is a site for people who want to learn about design. I'm a designer and I refer to the site regularly, because they're always adding good stuff. Each lesson is a collection of articles and tutorials. For responsive design, I suggest the following the lesson "Making the content flow: introducing responsive web design". There's a lot of other ...


0

I don't have any tools to offer only references to help with your quest in finding inspiration for palette creation and understanding colors. re: "How do I know that?" Take an art history class that covers from just before the renaissance to modern art. Search for art work by Chuck Close and rather than marvel at the image from a distance, look closely at ...


8

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. However, just as you can't speak languages you don't know any words in, you need a good understanding of the basics ...


1

Wow. That's like saying: "I have good design skills but I don't know to turn my design into a functioning website. Can you tell me how to write HTML, CSS, Javascript etc?" There is a lot involved here and we don't really know you or your background. I suppose the key here is for you to have an idea of what topics you have to cover and for you to understand ...


0

Check out these courses on Website/App design on CodeSchool, it might help you. They are complete and show you how to choose the correct fonts, colors, and layout, according to wich type of website you want to build. You can also pay to have more, but I didn't have the occasion to try it out. I guess I can't give you any personal advice, because your ...


0

By chance, I've just come across an article / blog post that seems to be a pretty good answer to my question. I found it on a question called How can I know if my developer is doing a good job? on StartUps SE. How much should a website cost? I'm going to summarise some of the key points that I liked and are relevant here: A website's value is ...


0

For every website I design, i add "Designed by" with a link to my website. This is a great way for me to get new clients and help my SEO by having links to my site on other sites. If a client wants to remove that, no problem! But I like to charge a fee to remove that. You can add that into the contact - a $75 fee or something like that. This way if they ...


1

Other answers from Scott, DA01, and Zach Saucier (the ones posted at the time I'm writing this) are very solid. I'll just address some of the other stuff buried in your question: How would you explain the advantages of a professionally designed website over a cheap DIY website? Business owners speak in ROI. Return on Investment. You need to show them that ...


3

The degree of reflection depends greatly on many factors - business type, business size, audience demographics, etc. - but in almost all cases poor design does reflect upon any company. If a business does not feel the need to extend resources or efforts into its brand or collateral materials that carries with it connotations of either limited resources or ...


3

There's no stock answer to this other than "you get out of something what you put into it." Sometimes you don't need much of anything out of a web site other than listing one's address, business hours and maybe a phone number. A Facebook page can do that. Sometimes a web site is the primary point of interaction with a customer and a good user experience ...


4

Whether or not a website is effective is primarily dependent on the intended purposes of the website and the usability of it. As such, one of the two choices should not apply to every company. If the purpose of the website is to be a static page much like a print work/flyer but happens to be on the web, for example when it's meant only to provide the ...


3

You can't save it in the same PSD, but you can provide a separate Actions file. To do so create a new Action set, then place the Action(s) inside it. You'll then be able to use Save Actions from the flyout menu to save an Actions file with just the Action(s) you want to send to your developer.


3

In this context, the " here is acting as an icon, not punctuation. It's a visual clue as to the context of the block of text, indicating what it is and why it was pulled from the document flow. This also explains why they are always styled differently to regular text: larger, bolder, often using a secondary colour, and often taken from a completely ...


2

Yes. Namely because that though they are type marks (the quotes) they are often being used as graphical elements in the context of pull quotes. A pull quote, essentially, is just a bit of text 'pulled out' of the normal flow visually. What that visual is doesn't follow any particular rules other than it needs to contrast with the rest of the content enough ...


1

Well, 2 diferent questions here. 1) You need to configure your export settings of the pdf. The pdf for printing probably has the images in 300 dpi, cmyk, and with zip compression or no compression at all. So you need to configure the export settings to rgb, jpg compression, and lets say 100 dpi on the images. The fonts must be embeded in the file, and ...


0

Nothing beats the real medium (i.e. designing in HTML/CSS/JS) for accuracy. That being said, for generating web graphics, Photoshop is still my go-to app. Especially with the awesome Cut and Slice plugin. This plugin really streamlines web graphic production (no more stupid slices that you got to turn on and off over layers) and it forces you to organize ...


0

There's no such thing--at least not for home use. The catch is that you have no control as to how the content will be printed. The end user is free to print on any size paper they choose, at any particular zoom level, with any particular margin setting, or even printing 2-up, or tiled, or what have you. Rafael's is likely the best practical answer. A ...


2

Another option is to make a pdf file that the users can download and print. Web browsers have verey little configuration options on the printed files. Some of them just scale the photo to fit the page.


-3

Short Answer : Try Adobe Firework. 100% fast performing product for layout design.


1

If you want your mockup to look like it would look in the browser, then you need to start designing in the browser. Dreamweaver would be the one Adobe product for that, but most of us that have to write HTML/CSS/JS have given up on DW long ago. Just too many bugs and it tends to get in the way more than anything. Otherwise, Photoshop, InDesign, ...


1

It depends on your own personal style / processes more than anything, and what you're going to do with the designs afterwards. A lot of people need photoshop because they cut slices out of it afterwards, other people who hand code every piece of css and don't use slices, images, sprites etc might find a piece of paper and a pencil just as suitable. ...


0

I see a lot of people commenting things like "there's no right answer" which I (sort of) disagree with... There's certainly at least one right answer, maybe a few and I'm sure there's a bunch of wrong answers too, good design is about reaching the best possible solution based on the resources and time available to you And surely such a solution is going to ...


0

I'm reminded of a time when my first wife and I got a big canvas panel and several tubes of acrylic paint. We lay the canvas on the floor and aimlessly squirted random colors all over it. We let it dry and then hung it over our fireplace. Over time, several guests commented how wonderful it looked and thought it was an expensive piece of art...that is, until ...


0

Is your artwork still in vector format? Your last uploaded logo looks pretty good but you may find something useful below. Saving file as a JPEG or PNG First go to file - save for web. I would suggest saving at high (Just remember that the higher the quality, the longer the load time for a web page). If your working file is a vector then you can export at ...


0

This blurriness is Illustrator's anti-aliasing when the shapes don't match the pixel grid. Turn on View > Pixel Preview to see how your image will look when exported. Then you can align the shapes to the pixel grid to minimize the blur. Here's an official Adobe tutorial on how to do it: ...


0

I had to go download the 960 templates to see this.... This question is very specific to those files. It's just a layer with pink boxes on it to indicate the columns. The pink boxes are applied to a master page, then that master page is associated with the locked layer. Look at the master pages you'll find the boxes.


0

Those are called the columns, have you tried reading 960.gs to learn more about it? Here is a demo. You can even view slides. Your design is based on those columns and there are different options and columns such as 12 column, 24 column, etc. etc. A good read about it is over at code tuts called Mastering the 960 Grid System that explains how to use ...


0

If you ask me I would make the buttons rectangular, with the icon on the left and the text on the right. I would also add some short explanation under each button. The windows 8 tile look nice and minimalist, but I noticed that a lot of regular users have problems trying to figure out what does what.


-1

I think a darker shade would be better. More like gold or yellow orange


0

"Flat design" is as they explained you up there, and "Material Design" design is not realy "skeuomorphic" but "Skeuomorphed Flat Design". "Material Design" use flat things and align it in Z-axis to have a "3D Flat Design". I hope it helped.


0

Blend modes require a second (underlying) layer to calculate the pixel values. Without an underlying layer, blend modes simply don't work. It does not matter what type of layer you use. Therefore Smart Objects or external files will not help in this case. Unfortunately, you need to find an alternative way to produce your desired style.


0

Sorry but the comment didn't have enough chars to answer this. ^^ You have 2 solutions for that! don't give up: 1 · Try making the auras in a different file (using your blending effects), save it as a png, and bringing them to the source file. The only bad thing is that you will be unable to edit... 2 · But even that as a solution. If you save them in a ...



Top 50 recent answers are included