Themeforest: Создаем свою HTML тему от дизайна и до верстки: Начало и первые результаты

test
Themeforest theme

Хех... Шутка, с первого раза получил hard reject. Но я в курсе что это обычное явление, а значит старт положен.

«Если бы у меня было восемь часов для того, чтобы срубить дерево, я бы шесть часов потратил на заточку моего топора». Авраам Линкольн. Президент США, в молодости лесоруб.

Введение

Я не дизайнер, и не верстальщик. В целом я ближе к Backend-девелоперу и системному администратору разом. Но, в жизни нужно попробовать многое. И вот, после того как я накидал очередной прототип на bootstrap 4, я понял что ни моих навыков верстки, ни навыков дизайна не хватает. А значит нужно набирать. Благо интернет полон информации и вооружившись ею, я погнал ваять.

Точить топор...

Еще до дизайна, я начал с изучения что есть Gulp. Рассмотрев несколько материалов и используя PHPStorm за пару часов набросал Gulpfile с нужными мне элементами сборки sass, склеивания и минификации js, css и т.д. Так что, получил еще опыт.

Выбор категории

Я сразу рассчитывал что не буду делать что-то сложное. Так же знал что первым результатом наверняка будет отклонение темы. Вы могли видеть уже несколько статей в интернете где говориться что тем уже много. Так вот, на данный момент их еще больше. Пробиться не создавая креатив нереально. Но не нереально в принципе, так что будем делать креатив. Но позже ) сперва стандарт - выбрал делать простую и чистую тему в блог. Сразу решил что завяжусь на трех колонках, флексбокс и зеленом и белом как основном цветах.

Создание изначального дизайна

Изначально мне прилетела программа от знакомого дизайнера - figma. В ней был дизайн который нужно было верстать по одному проекту. Но не суть. Пощелкав ее, она оказалась сильно интуитивной и несколько полезных видео сильно разжовывают что нужно делать. При этом программа на начальных этапах бесплатная, по-моему до трех проектов. В целом, один из полезных каналов по этой теме - https://www.youtube.com/channel/UCr3AaLhUzP8aeXPf3_LUADQ. Видео короткие и зашли мне легко и быстро.
Потратив несколько часов на изучение, я зашел в фигму, создал проект в черновиках и начал творить: дизайн индексной в фигме

Потратив часа 4 в первый день я сделал, как мне казалось, первую страницу. Но на следующий день я понял, не хватает слайдера и блоков рекламы. Их вы можете наблюдать на скриншоте выше. Так же, сделал и страницу самого материала:

дизайн статьи в фигме

В тот же день, добавил страницу Галереи. Тут я не напрягался совсем, так как креативность на этом моменте закончилась вообще )

дизайн галереи в фигме

Еще раз повторюсь, хоть я и надеялся что тему чудом примут, но разум точно твердил что такой экземпляр точно отбракуют. Но для первого раза меня интересовал сам путь. Наклепав скриншотов по правилам Themeforest-а и заполнив все поля, создав домен с предпросмотром, я таки ее выложил. Через два дня получил заветное письмо, в котором говорилось что тема отклонена и больше ее не примут ) Но, в текущем случае меня интересовал не столько результат, сколько сам путь. Навыков у меня прибавилось и теперь я знаю что делать. Следующая цель - чтобы тему приняли в магазин. Именно до этого уровня я собираюсь поднять свои навыки дизайна и верстки. )

Дорогу осилит идущий! ) Всем удачи! Держись Themeforest!

Категория: 
Share/Save

Делитесь с друзьями в социальных сетях! Оставляйте комментарии!

Share/Save

Это Вам так же может быть интересно!