Розробка стилю і дизайну Нового Проекту

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







Але ж ми любимо робити все самі, неправдалі?І по суті це буде виправданим кроком, оскільки наш гаманець не мало не схудне, і ви зможете реалізувати свої задумки в повній мірі, звичайно це буде залежати і від ваших навичок в цій справі.







У даній статті я хочу розповісти про те, як я розробляю стиль нового проекту, який включає в себе логотип, дизайн і верстку.Ну і звичайно показати, як це робиться новачкам у цій справі.







1.Логотип



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







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







Можна обійтися і без вище сказаного, але все ж це зрадить велику запам'ятовуваність вашого бренду / проекту.Тугіше піктограму в наслідок можна буде використовувати як favicon.







2.Дизайн



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



Вообщем припустимо, що ви вже визначилися з кольорами, тепер подумаємо щодо стилю і структури.Якщо проект є головним чином текстовий контент варто поглянути на рух Web 2.0 і спробувати використовувати головні переваги даного стилю в своєму проекті.Звичайно якщо ж ваш проект / ресурс має іншу спрямованість, вам все-таки варто придивитися до даного напрямку в дизайні.



Постарайтеся використовувати меншу кількість шпальт, оптимально 2 або 3.Так як більша кількість може тільки погіршити юзабіліті.



На останок хочу повториться, для кожного проекту потрібно підбирати свій власний стиль або зробити щось середні між існуючими).



Сам я малюю дизайн в Adobe Photoshop і згодом на етапі верстки ділю кожен шар на окремі зображення.







3.Верстка



Ще один вічне питання чому ж верстати, таблицями або div `аміі?Існують прихильники і того й іншого, це і зрозуміло так як таблицями верстати легше якщо ж не потрібно множинних вкладень або какихто кардинальних змін в їхньому стилі, т.к таблицями код виходить дуже громосткім що не скажеш про div `ах.



Знову ж вирішуєте тільки ви чим саме ви будете користуватися, але хочу від себе порадити поєднувати ці два напрями, але не варто забувати при верстці для мобільних пристроїв використання таблиць не бажано.







Щож ось такий ось маленький план з 3 етапів, по завершенню яких ви отримаєте свій неповторний стиль і дизайн проекту, як отримую це я

No related posts.

Comments are closed.