Я помірно спроможний веб-розробник. Я можу помістити речі, куди хочу, щоб це було, і поклав туди деякі речі JQuery, якщо мені потрібно. Однак, якщо я роблю власний веб-сайт (який я починаю робити), я не маю уявлення, як його створити. Якщо хтось повинен був сидіти поруч зі мною на точці екрана і сказати "покладіть цю картинку туди, напишіть там", я можу це зробити досить легко. Але проектування мого власного сайту за вибором кольорів і тексту буде виглядати так, як малюк його винайшов.

Хтось знає які-небудь веб-сайти / книги, які я можу переглянути, чи хтось отримав поради щодо основ веб-дизайну, які не є малюком?

У вас є кілька справ.

Поради:

Навчіться користуватися Photoshop. (Зокрема, стилі шарів є чудовими. Зауважте лише, що вони можуть бути важкими наслідками для повторного втілення в CSS2) Це робить довгий шлях до створення хороших макетів.

Подивіться на професійно розроблені сайти. Які сайти ви відвідували, що вам подобається?

Знайдіть сайти, які вас турбують, і подумайте, що може зробити це краще. Подивіться також рекламу товарів. Упаковка для харчових продуктів. Газетні оголошення. Ви називаєте це.

Крім того, як тільки ви почнете розвішувати його, практикуйте, практикуйте, практикуйте. Графіка потребує часу, щоб розвинутись як навик, особливо у програміста, який має кодувати, щоб розглянути. (Градієнти проти "плитковість")

Інструменти:

(Photoshop - це особистий фаворит. Paint.NET - хороша альтернатива Windows, але не настільки потужна.)

Сітка системи Натана Сміта 960 . Він має шаблони для багатьох основних графічних програм. Перевір.

Список літератури:

Подивіться на деякі з цих сайтів: (я бачив більше, спробую додати, коли я натрапляю на них)

• Список Apart
• Джон Маккейн
• BarackObama.com
• Hayon2010.com (Гаразд, я зробив цей, але вважаю, що це приємно. Редагувати: Я також вдячний за коментарі до нього. ;-D)

Практична сторона

Однозначно є певні практичні покрокові аспекти дизайну, які важливо навчитися. Не все суб’єктивно.

   • Підручники з веб-дизайну: http://webdesign.tutsplus.com/

   • Підручники для Photoshop: http://psd.tutsplus.com/

   • Тон навчальних посібників: Лінда

Натхнення

   • Веб-сайт: Незрівняний стиль

   • Веб-сайт: Abduzeedo

   • Книга: Настанови щодо успіху в Інтернеті

   • Веб-сайт: Smashing Magazine

Навички дизайну

Загальний дизайн

   • Книга: Графічний дизайн: нові основи

   • Книга: Графічний дизайн, Посилання

   • PDF: Велика четвірка: Контрастність, Повторення, Вирівнювання, Близькість

Типографія

   • Книга: Мислення з типом

   • Книга: елементи друкарського стилю

   • Стаття: http://en.wikipedia.org/wiki/Typography

   • Стаття: http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

Макет

   • Книга: Макет Робочий зошит

Колір

   • Книга: Кольоровий робочий зошит

   • Книга: Книга кольорової гармонії

Філософія дизайну

"Найбільш глупа помилка - це бачити дизайн як те, що ви робите в кінці процесу, щоб" привести в порядок "безлад, на відміну від розуміння, що це питання" день один "і частина всього". -Том Пітерс

"Хороший дизайн залишає користувача щасливим, виробника в чорному та естетику без змін". -Реймонд Лоуї

"По-справжньому елегантний дизайн поєднує в собі найвищу функціональність у простій, неповторній формі". -Давид Льюїс

"Гарний дизайн - хороший бізнес". -Томас Дж. Уотсон-молодший

Більше цитат

Це може бути трохи поза темою, але я пам’ятаю, що Джефф Етвуд настійно рекомендував книгу « Не змушуй мене думати» . Тут описано, як слід створити свій веб-сайт для найкращого користувацького досвіду.

Ogilvy on Advertising: ця книга охоплює деякі основи графічного дизайну, а також багато здорового глузду в створенні будь-якого флаєра, реклами тощо, навіть якщо це було написано до епохи www.

Загалом, переглядайте книги та журнали про графічний дизайн, образотворче мистецтво, оздоблення інтер'єру, кінорежисури - існує багато загальних принципів дизайну, щоб зробити щось привабливо візуально та зробити привабливою інформацію чи інший контент. На кшталт того, як електромагнетизм є загальним для електроніки, планетарних наук, хімії, ядерної та інших галузей фізики та техніки.

Ще однією гарною книгою в цьому просторі буде Дизайн речей, що колись є. Він охоплює багато практичних ідей, таких як вподобання дизайну, який піддається простому використанню, скориставшись тим, як люди природно підходять до нової речі. Книга не стосується конкретного інтерфейсу користувача чи веб-дизайну, але я думаю, що це трохи висвітлює.

Ранній приклад книги - двері. Він розповідає про те, як двері з ручкою або ручкою на одній стороні та видимими петлями є інтуїтивно зрозумілими, адже ви знаєте, що двері буде відкриватися, натиснувши чи потягнувши на ту сторону. Ошатні двері з прихованими петлями, штовхачами поперек всієї двері або центральними ручками є складними і вимагають часу експериментувати, оскільки їх робота не є інтуїтивно зрозумілою.

Один із інструментів, який я вважаю неоціненним у дизайні, - це дизайнер кольорових схем . Я, як правило, вибираю колір, який би хотів базувати дизайн навколо, а потім використовую схему "Аналоговий", щоб отримати гарний набір відповідних кольорів. Для мене правильне використання кольорів - це найгірша частина, тож після цього решта - лише отримання гарного планування та нанесення обмеженої палітри кольорів.