8 Базових талантів веб-дизайнера - блог максима Солдаткина
Що якщо я скажу Вам, що не потрібно все знати. Не потрібно знати абсолютно все. За веб-дизайну уроків дуже багато і дуже складно вибрати або зрозуміти, що важливо зараз вивчити (то, що стане в нагоді саме в даний момент), а що просто марна трата часу і на що свого часу витрачати зовсім необов'язково.
Взагалі що повинен вміти робити веб-дизайнер? Це створювати сайти і знаходити клієнтів (рис.1)
І якщо ми говоримо про сайти, тобто 8 базових навичок веб-дизайнера:
Що можна не вміти веб-дизайнеру:
- Малювати. На початковому етапі абсолютно не важливий цей навик.
- Html / css. Також немає необхідності витрачати на це час на початковому етапі.
1. Графічна програма
По-перше, сайт - це розповідь. Блок сайту - це якийсь певний сенс, наприклад, коротке речення. І щоб зробити хороший сайт, потрібно визначитися, що ви хочете розповісти і які смисли до людини донести.
Якби у цій презентації був сайт, то смисли були ось такі (рис.3):
3. Ієрархія.
Нам потрібно розташувати блоки на сторінці і визначити найважливіше і менш важливе, тобто що ми хочемо висунути на перший план, що на другий.
В цьому випадку я виділяю заголовок, кнопку і ділю невеликими відступами блоки з текстом, інформацією (рис.4).
4. Типографіка.
Є класичні шрифти (Helvetica, Arial, Tahoma), які нормально відображаються на всіх сторінках.
Є кастомниє шрифти, Google font. Так звані «підкачуємі шрифти». Це шрифти, яких немає на комп'ютерах і їх можна підключити через Google.
На першому етапі, насправді не варто сильно «гратися» в шрифти. Досить вибрати якийсь класичний (один). Чим хороші класичні шрифти. Вони перевірені часом. Не варто гнатися за якоюсь новизною, краще візьміть, то що вже працює. І з цього почніть свій шлях.
Шрифт. В даному випадку, я особисто люблю Proxima Nova. Я вибрав його. Я виділив заголовок пожирнее, ще трошки акцентів додалося (рис.5).
Рис.5 Ієрархія (Proxima Nova)
5. Графіка
На початковому етапі графіку я б делегував на стоки. Якщо я щось зробити не можу, то простіше взяти якогось людини, який в цьому добре розбирається. Тобто якщо я не вмію малювати, припустимо іконки, то я краще піду на стік і знайду там хороші іконки. Якщо я взагалі не малюю іконки, то я краще довірити дизайнерові, який малює ці іконки 5-10 років і у нього або скачаю (якщо вони в безкоштовному доступі), або куплю. І тоді проект виходить якісним. Загалом на цьому етапі ми підбираємо якусь графіку, підбираємо картинки, наприклад, на стоках (рис.6).
Рис.6 Ієрархія з додаванням графіки
Рис.7 Ієрархія з додаванням кольору
Магія - це сукупність ідеального, сукупність всіх ваших кроків, всіх ваших талантів. Добре підібрані смисли, добре вибудувана ієрархія, релевантні шрифти, якісно зроблені хорошими дизайнерами, далі правильні картинки (унікальні, красиві), знову ж підходять за змістом і емоціям, і колір (рис.8).
І в сукупності магія - це ваш досвід. Досвід не стільки дизайну, а взагалі наскільки широкий ваш кругозір. Ви можете якісь речі з абсолютно не дизайнерських галузей брати і це буде на вас впливати. Це буде та сама магія, яку користувач не помітить, але відчує.
Наприклад, National Geographic (рис.9). Здавалося б, що таке сайт. Набір тексту і картинок, але коли це все разом працює, гармонійно підібрано і продумано, і виглядає дуже круто, дивишся і чіпляє.
Рис.9 Сайт National Geographic
Рис.10 Welcome to reimagination
Це приходить не за тиждень, один день і навіть не за рік, це приходить з досвідом. Потрібно постійно практикуватися, вчитися і робити нове і нове, дивитися на кращих. Але теж здавалося б, картинки і текст, але як це все гармонійно поєднується, добавлена анімація, ще музика свою роль відіграє в подачі. І все виглядає в цілому дуже круто. Це як раз і є та сама магія, про яку я говорю.
Знову ж ми робимо все крім того, що нам подобається в ідеалі і це те, чим ми готові безкоштовно займатися, але все-таки заходить мова про гроші. І Profit це одна з причин навіщо ми це робимо. Гроші за роботу, за сайт.
Я виділив такі пункти:
1. Не працювати дешево
Не варто працювати дешево, за копійки, а варто знати собі ціну. Цю ціну якось сформулювати, встановити і навіть якщо ви на початкових етапах працюєте на досвід, на портфоліо за якусь невелику ціну, але варто постійно цю планочку трохи підвищувати. Тобто за кожну наступну роботу ви зобов'язуєтеся брати трохи більше, може бути кожні три роботи і т.д. Тобто зростає ваше якість і відповідно зростає ваша вартість.
2.Брать передоплату
І брати передоплату. Не варто так «ми зараз почнемо, а заплатимо потім». Коли дизайнер робить щось без передоплати, то це ознака того, що скоріше за все у дизайнера це перший проект. І це знову ж таки знак для клієнтів, що дизайнер - новачок.
Тому намагайтеся завжди брати передоплату. Це нормально, це стандарт і не починайте працювати до того, як вам перерахують гроші. Якщо ми говоримо про перший проект, перше знайомство, то це залізне правило. Якщо ми говоримо про повторний проект, якщо ви з клієнтом вже працювали і він у вас вже п'ятий сайт замовляє, то тут вже напевно в принципі можна бути гнучким до цього.
3. Підвищувати якість і вартість.
І не потрібно нам зараз все знати, багато вивчати, витрачати час на зайві. Чи не підтягувати недоліки, а посилювати основна перевага. Варто вибрати один напрямок і його посилювати. Якщо ми вибираємо напрямок веб-дизайн, то не варто вивчати html, логотипи, фірмові стилі, іконки. Варто сфокусуватися на створенні гарних, якісних сайтів (рис.11).
Рис.11 Основна перевага
Це як в іграх. Це скріншот з World of Warcraft (рис.12). У кожного персонажа є дерево талантів і з досвідом, з часом у вас з'являються окуляри, які ви можете на кожен талант витратити. Чим ви глибше йдете цим дереву талантів, тим крутіше у вас з'являються навички.
Рис.12 Скріншот з World of Warcraft
Наприклад, якщо ви вкладаєте і сюди, і сюди. Наприклад, ви средненько робите фірмові стилі, логотипи, средненько верстаєте, все средненько - то ви ніколи не зможете нормально заробляти, розпорошуючись. Якщо ви прокачиваете один рівень, ви швидко поповнюєте навички, ви поповнюєте своє портфоліо і виглядаєте просто дорожче.
Далі коли ви вже зрозуміли, що десь ось воно «ок», то можна нарощувати інші частини (завжди можна прокачати по html / css, подивитися як це все працює, плакатик спробувати намалювати і т.д.). Але тільки коли ви дійшли до супер скила, то ви починаєте якісь додаткові скіли вкладати. У дизайнера теж саме.
Є конкретні навички і таланти, вивчивши які можна швидко почати заробляти на веб-дизайні навіть з нуля. І в курсі «Швидкі гроші в веб-дизайні» з усього великого інформаційного шуму, який існує навколо дизайну, навколо заробітку в інтернеті та іншого, я виділив основні кроки, які необхідно робити, щоб прийти до очікуваного хорошому фінансовому результату. Тобто ми будемо говорити про гроші, говорити про фінансову частину нашої творчості.