Tag Info

New answers tagged

3

Saw this question as I was searching for Adobe alternatives. Finally had enough of their hands in my pocket and around my throat about 6 months ago. I'm keeping my (paid for) Fireworks CS6 until it dies, but Xara Designer Pro X10 is similar to Fireworks but can do a lot more. I'm not sure why it doesn't get much publicity but I'm really starting to like it a ...


-3

This might also be worth a look... https://developers.google.com/speed/pagespeed/ I've used PageSpeed in the past. It'll test load pages from your site, and offer generally helpful suggestions for speeding up the load times. As others have pointed out - image optimization can also help greatly. On the Mac - I use ImageOptim ... really like the results. ...


4

Probably the initial step is more planning than Photoshop's. 1) Do I need an image file? Or can I use something else Background-color. A css gradient. 2) Do I need that file dimensions? or can I use A lower dimension upscaled. Mask the low resolution with something? a pattern over it, a blur, darken it. A pattern. Is the image really worth it to have ...


0

Optimize Image Files without affecting Image Quality with Image Optimizer Software This Image Optimizer Software allows you to Compress Images Files with Lossless Image Optimization. Download & Optimize Images in Bulk with Image Optimizer Software on your Windows Computer. You can Optimize png, jpg and jpeg files without compromising the quality of the ...


4

Before delivering your final website design, you really should optimise the images with tools that are more focused towards and dedicated to optimising images. Photoshop does okay, but I've seen many people comment that other tools do a better job. From what I hear, ImageMagick is pretty good for this purpose. However, as a command-line-noob I need to spend ...


2

From my experience, if you take the 'Saving for Web' routine from Photoshop, this will optimize the image for web. Despite this, you'll still see optimization alerts when testing page speed, but just look at the kb of optimization you will achieve. In most cases it is around 1~5kb. I agree with Scott that you shouldn't get obsessed with page speed. If you ...


0

This is destined for closure, since it's not specifically about graphic design (it's a CSS issue), but before it goes: the standard box model for CSS is the content box; padding, borders and margins lie outside of the box you are sizing. To use 100% and have padding inside of that, you need to use box-sizing: border-box;. That makes things act like they ...


2

These are the alternatives I've found to fireworks (in no particular order): Gravit- the closest one I've found. Open-source, cross-platform /web-based. Still quite young, I wouldn't dare do the switch though it's promising. Its interface is very similar to FW Sketch- very robust for ui design, but only minimal bitmap editing. Good ecosystem of plugins and ...


0

One effort to create an opensource alternative: http://gravit.io/


2

Ultimately, when technology dies it is replaced by nothing. The alternatives are often not existing. This is because even a small change in workflow disrupts you too much. Whenever i see a replacement question, I see a failure to understand that this is a opportunity to learn new tricks. Sometimes these tricks are worse. But recognize that in fact the ...


12

Good question, for I too have been a lifetime fan of Fireworks (their entire lifetime). Have you heard of Sketch? I can tell you that it's the only thing that comes close. (It's a perfect mashup of Illustrator and Fireworks, but SO MUCH closer to FW). Your transition should be seamless, and you will quickly be in love. Personally, I'll still use FW until ...


4

One huge recent change is the shift to vector graphics. SVG is now a stable requirement for new websites. A good web designer needs to use Illustrator or Inkscape for icons and other re-scalable vector SVG graphics, as well as using Photoshop or GIMP for the photographic, detailed, not-so-re-scalable raster graphics. I'm not sure if Fireworks would have ...


4

Colours Tune the clarity, vibrancy, and saturation to a similar level across the entire collection of images as much as possible by eye Your images look a bit washed out/desaturated to me, but this isn't a critique. Just try to make them each share similar levels of vibrancy, saturation, and clarity. I tend to mask out the original skies in collections of ...


2

You probably need to think first on the proportion. The classical proportion The classical (oldie) porportion for desktops is 4:3 for example. 1024x768 1280x960 1600x1200 Some pads use this same proportion for example the ipad uses: 2048x1536 Vertical orientatnion This takes us that this pads used in vertical orientation gives us a 3:4 proportion ...


-4

1920 x 1080. This is the standard background for computers no more, no less.


1

I can not really help you with your customer demands – and I fear hardly anybody can. Maybe you're actually not involved with the building of the actual website – and you are 'just' building sample layouts? But still I would like to recommend that you don't change the actual images that are uploaded to the website – but instead change the appearance of ...


-1

Only write in HSLA. It requires very little mental gymnastics to imagine or modify colours (vs hex or RGBA), is completely equivalent to hex or RGBA in the browser, has great browser support from IE9 onwards, and if you only use HSLA you never have to change the layout of your code when you want to introduce transparency; all you do is take the 1 down to a ...


3

Oh, there are ways. Here are some options in order asc from shitty and easy, to less shitty and hard. Rely entirely on this one article and make sure to always use serif or sans-serif as the final font in your list. Check out the OS font stack for OSX on wikipedia. Google around for type specimens for those fonts, and trust that it looks ok in your usage. ...


11

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 video to your site will have and weigh the other options you have. You don't have to use this ...


1

InDesign native Datamerge won't allow you to create hyperlinks on the fly. You need at least Scripting to achieve that. A plugin such as EasyCatalog is also a good candidate.


1

Here is a pretty detailed list of questions every website owner should asked themselves. If the answer to every question below is yes, give yourself a big ole pat on the back. Most websites have flaws for a number of different reasons, mostly related to the limitation of resources. Design Is the site’s design aesthetically appealing? Are the colors used ...


0

I'm the OP, and though I got several great answers from you guys, I feel like adding the following points. Tool does not improve sense of aesthetics, but may improve result One important and useful (and obvious) statement is that a better tool does not improve the designer's sense of aesthetics. However, that does not mean in itself that the designer ...


1

This is my solution open an Indesign or Illustrator file and place in it a several .PSD files each .PSD have his own name. Now when you want to edit the booklet open the page that you want in Photoshop and edit then return to Indesign or Illustrator to export your work.


0

I would prefer "Grouping" before doing any layout. group the similar elements together according the the function and the main "element" you represent. the post is the most important thing in that layout comes next the name and image then the helping tools like like share and comment, all are helpful tools for user participation, but they are not the main ...


1

Personally, I agree with DA that whitespace is most useful here, and maybe just increasing that will be enough. A few other possible options: Use a thicker line between the posts, and then use a thin line like the existing one to separate the post content from options. Use a background colour such as grey, or the other colour in your scheme, on the post ...


0

Design is looking well as it is, but if you want more integrated and visually distinct design for options(up-arrow,down-arrow,like,comments), "Just put all options at right side".


0

Being a graphic and web designer in a previous life now turned/ing developer and security specialist... I used to depend (way too much so) on such tools as Dreamweaver, but the honest truth is that all that is really needed is notepad/notepad++ and good solid coding skills, really good story-boarding and conceptualization of the purpose of the site, a good ...


5

I have very little to add to @Matt's answer but here is my nugget. Personally, I have prohibited myself from using WYSIWYG editors (like Dreamweaver) because I think they make me a worse web designer. These are the reasons. They make me go rusty, lazy and outdated very quickly. You would me amazed to see what code related knowledge was second nature for me ...


4

Visual editors or WYSIWYG editors are terrible.. The only true way to view a website is through the medium which is a browser. In regards to Dreamweaver I hate it and there are many reasons why: If you're just learning code the best way to learn how to code is through something like notepad or Textedit which you say you're doing. For me when I code a ...


2

Visual editors like dreamweaver are appealing to many people that think and work visually, but I think that while it make things easier for some people, it does not necessarily make their work better. I think the differences do not come from the software people use, but from the knowledge that is behind how they use their tools. Professional designers have ...


12

Dreamweaver does not make you a better designer. In the end, Dreamweaver is merely a tool and like any tool, you may or may not find it useful, but it never improves one's own aesthetic sense of design. I've found no reason to use Dreamweaver over a solid text editor (BBEdit) and a browser. Throw in a bit of PHP and a server for testing and there's really ...


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


-4

Ok, you have a background right! If the color of the background is light, then use a dark color for a better look and if the background is dark using a black will not show up at all and will look really bad or not be visible to the human eye. It's called rgba "Red Green Blue Alpha." I hope this explains this a little more. Also, try to never use a ...


19

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


18

Normally I wouldn't post in a question that has been answered as succinctly as this one, but I do think there is a bit of information to add here. Coming from a graphic design background, there is also the concept of "warm" and "cool" grays. These are grays that have a higher presence of warm or cool colours in their mix respectively. #111, #222, #333 - ...


4

People subconsciously perceive details they do not consciously notice. A very slight sheen of a certain colour is perceived and can reinforce a colour scheme and thus a 'feel', a message or a mood. You could ask the same question for why some papers are off-white, or for the use of different 'rich blacks' in print, and my answer would be similar.


26

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


3

In my experience, the best approach to have when explaining your work to clients (or other non-creative types) is to focus on what the job of the product is that you’re working on rather than focusing on what job you’re doing. If you’re focused on what the product is supposed to do then you can explain how your graphic decisions help the product do it's job. ...


0

Codeschool and Onemonth is really good if you want to learn web development. Codeschool also has quiz and test section after each lecture which help a lot. I have also found first month discount codes for both of them which you can find below: Enroll in Codeschoool for 9 dollars 10% discount at Onemonth


2

There's got to be a way to remove the extra space. Short answer: you can't. Long answer: you can't, but you don't need to. No one else even tries. (Qualifier: I do web development for a living and teach it at the University level) Everything on a web page is a rectangle. Always has been ever since the Mosaic 1.0 browser back in 1993. Transparency ...


1

As Scott already pointed out: every image everywhere in the world is rectangular. You cant 'remove' parts of this rectangle. That said, CSS gives you a few options to go one step further. option 1: border-radius You could use css's border-radius to delete some of the excess space at the bottom. Border-radius is used for rounded corners, but you can pass ...


2

There are some great answers here, but this really isn't that complicated. Bottom line: The design team (whether one or many) is responsible for every permutation of a view or template. Do not ask the developer to fill in the blanks or lean on a framework. Do your best at the outset and then shadow the dev as things progress. You'll have to make ...


0

As Afterlame suggests, the best solution to your problem is either: Include the gradient in your image so that it can render the half opacity drop shadow that you're looking for. OR Simulate your animation through CSS or JS. This is the vastly superior option, as it gives you complete control over your situation. You won't have to edit a gif, or any ...


0

When I first meet a prospective client, the first thing I do is listen to their story and learn about their experience. This helps me to choose the right level of conversation to use. I have found that most people are overwhelmed by the fact that the Internet has become an industry employing millions of people, doing tasks that didn't exist 30 years ago. ...


0

For Uppercase, Oswald seems good option available at Google Fonts http://www.google.com/fonts/specimen/Oswald


0

We must rely on colors If you are concerned about color blindness, as you should be, then you simply can't rely solely on colors. There are many types of color blindness not to mention many types of screens and lighting conditions. It's simply not possible to rely solely on color.


0

What you need to focus on for color blind users is contrast Most countries have accessibility laws that set the minimum amount of contrast between to colors in order for people that are color blind or sight-impaired can manage with your website. In order to measure contrast there are a lot of ways, I personally use this website.Here the laws are anything ...


1

Point out, be visually objective and support your work with proven theories. When you say "non-creative" people I immediately recall Seniors and managers. So think abut it. These people have millions of things in their head day by day, so the best way to talk to them about what you do is being very objective. For real... Enumerate and think very well what ...


1

There may be non-artistic people, but I have very rarely met non-creative people. It's just that their creativity comes out in different areas besides design and art. I find it most effective when selling my concepts to people who are not designers to approach things from a results point of view: what is the purpose for this work in the first place (a ...


-1

Ideally, the designers own the design, plain and simple. If the designers are able to design a spec that is clear, relevant, and realistic, then it should remove guess work from the equation for web designers. The job of a web designer is to translate the designer's vision into code. This can be easy if the spec is clear and the web designer is good, or ...



Top 50 recent answers are included