Първите стъпки в уеб дизайна
Уеб дизайнът е универсален език и можете да работите от всяко място, където се чувствате креативни за хората по света. Достатъчно е да имате решителност, лаптоп и интернет връзка и следващият глобален сайт може да започне от вашата идея.
Ресурси за уеб дизайн
Ето списък на това, от което се нуждаете, за да започнете своята кариера в уеб дизайна: какви програми да използвате, какви езици да научите, разширения за Chrome, сайтове със снимки от обществено достояние и други полезни неща в живота ви като уеб дизайнер.
# 1. Закупете свой собствен домейн и хостингТова има важно влияние върху начина ви на работа. Изберете името на домейна във формата firstname-name.com или firstname-name.ro. Отидете директно на външния пазар, купете домейна .com, струва около $ 9-14 на година (или промоция на GoDaddy.com 4 леи през първата година). Ще ви е необходим и хостинг пакет, а по-късно можете да качите съдържанието на вашия сайт на сървъра и да сте онлайн 24/24.
Всичко, от което се нуждаете, е решителност: основателят на Instagram Кевин Систром работеше върху собствения си лаптоп във Флоренция и за да постави файловете на сървъра, той отиде близо до обществена библиотека, докато лаптопът не улови WiFi сигнал.
.Com домейн ви позволява глобална видимост и може да бъде достъпен от Румъния, но също така и от хора от Канада, САЩ или Австралия, което е добра възможност за развитие. Изпратете ми имейл на [email protected], ако не можете да се справите и ще го решим заедно.
# 2. Изтеглете и инсталирайте редактора Sublime Text и FTP клиента на Zilla File
За да създадете уебсайтове, ще напишете код и ще качите страниците на сървъра. За целта се нуждаете от програмата SublimeText и File Zilla
Изтегляне: www.sublimetext.com
Изтегляне: www.filezilla-project.org
Прочетете повече: Как да прехвърляте файлове от компютър на сървър
# 3. Изтеглете Bootstrap и Awesome Font
Изтегляне: www.getbootstrap.com
Страхотен шрифт - както вероятно се досещате, това е комбинация от шрифтове, която ви позволява да вмъквате различни икони във вашите уеб проекти (можете също да използвате вектори в графични програми, достъп до http://fontawesome.io/cheatsheet). Можете лесно да промените цвета, размера, който ще ви спести значително време, без да се налага да прибягвате до програми за редактиране на графики.
Изтегляне: www.fontawesome.io/
Списък с икони: www.fontawesome.io/icons
# 4. Добавете тези три разширения към Chrome
Разширенията за Chrome се инсталират бързо и ви помагат да създавате уебсайтове.
Страхотен екран - независимо дали искате да добавите към портфолиото си или да изпратите, „екран за печат“, който включва цялата страница, дори след превъртането, може да бъде доста труден. За щастие този малък адон може да направи пълен екран за печат на цялата уеб страница с отлично качество. Наскоро бяха добавени и други опции, които можете да тествате според вашите изисквания.
Какъв шрифт - можете бързо да видите какви шрифтове използва друг сайт, през повечето време ще получавате подробности във формата, харесвам шрифта на сайта x. Можете да прегледате елемента, да видите източника или да кликнете с тази добавка. Освен това са посочени цветът в шестнадесетичен формат, размер на шрифта и височина на реда.
Капка за очи - полезен добавка, когато искате да видите цветовия код на снимка или сайт. Можете също да направите това, като проверите източника на сайта, но това е по-бързо. (Добавките работят само ако страницата ви е на сървъра).
Друг полезен инструмент за вземане на цветове е MioTool Box, малка, но много полезна програма.
# 5. Използвайте безплатни изображения
Във вашите проекти ще използвате изображения. През повечето време те се предоставят заедно със свързания текст. Има обаче моменти, когато ще търсите изображения, за да завършите проектите си. Отличен източник на безплатни изображения е pixabay.com.
Прочетете повече: 12 сайта с безплатни изображения
# 6. Безплатни векторни икони
За сайтовете, които правите, се нуждаете от снимки. Можете да ги купите от профилни сайтове или да намерите безплатни изображения в публично достояние.
Freepik: www.freepik.com
# 5. Включва модерни шрифтове от Google Fonts
Google Fonts - впечатляваща колекция от съвременни шрифтове, предоставени безплатно от Google. Можете да търсите подходящия шрифт според различни критерии. Сред най-използваните са: Roboto, Lato и Open Sans. За да използвате шрифт на вашия сайт, всичко, което трябва да направите, е да включите връзка към страницата на сайта и желаните спецификации на шрифта.
Google шрифтове: www.fonts.google.com
Използвайте лаптоп, който да вземете със себе си В момента програмите, използвани в уеб дизайна, са малки и консумират малко ресурси, купете си лаптоп, който можете да вземете навсякъде, където отидете.
Както можете да видите, уеб дизайнът не изисква специални инвестиции, можете да работите от всяко място, от всеки лаптоп, като използвате само код. Всичко, от което се нуждаете, е решителност да научите нови неща.
Ето какво трябва да научите
За начало имате нужда само от три неща: HTML5, CSS3 и Bootstrap. Нека си представим една кола: тя има колела, волан, тяло и други неща, които я карат да работи. HTML представлява скелета на автомобила, винтове, пръти, части на двигателя един по един. CSS ни дава възможност да уточняваме подробности: дължина, ширина, червен цвят, ръбове и аеродинамични форми, тапицерия.
Но изработването на прототип за автомобил отнема месеци или години и всичко се прави от нулата. Ако всяка изработена кола премина през този процес, сигурно щях да пътувам много с колело. Bootstrap използва HTML, CSS и Java Script структури да произвежда машини в серия, сглобявайки различни компоненти за кратко време, следвайки добре установени модели и процеси.
Същото важи и за уебсайтовете: можем да създадем всяко меню за навигация поотделно или просто да съберем вече направени структури, като персонализираме, където е подходящо. Има специални проекти, в които ще напишете целия код.
След асимилиране на HTML5, CSS3, Bootstrap можете да преминете към интерфейса към Java Script, jQuery, Angular, React.js или backend PHP, MySQL, OOP в зависимост от изискванията на компанията и проектите, за които работите.
Пример за HTML код 5:
Пример за CSS код 3:
Курсове и уроци
Интернет изобилства от информация, включително за научаване на уеб дизайн. Можете да научите както себе си, като гледате уроци на youtube.com, така и онлайн курсове на udacy, lynda.com, teamtreehouse.com. Процесът на обучение ще консумира доста енергия, така че е добре за вас допълнете количеството глюкоза с плодове, тъмен шоколад, банани и зелен чай. Този аспект е важен, в противен случай с течение на времето тялото ви ще се чувства слабо и ще ви откъсне от всяко желание да започнете да учите.
Ето 3 сайта, от които можете да започнете:
1. Не се страхувайте от интернет
е адресиран до художници: дизайнери, фотографи и творчески хора, които искат да променят собствения си сайт. Курсът има 8 видео урока, презентацията е креативна, интуитивна и забавна, с артистична нотка. Без да навлизаме в твърде много подробности, курсът улавя много добре същността на това, от което се нуждаете,
2. Канал 9 Съдържание на Microsoft Virtual Academy
онлайн видео курс, който обхваща много добре основите на уеб дизайна. Ще научите за структурата на уеб страница, текстове, изображения, връзки, списъци, формуляри и други неща. Начинът за работа и илюстриране е в Notepad, но можете да работите директно в Sublime Text editor.
3. 30 дни за изучаване на HTML и CSS
курс, предназначен за период от 30 дни, видео от около 7-12 минути на ден. Той може да бъде обединен и проследен за 2-3 дни, съдържа основните елементи, добре структурирани.
Какво да изберете онлайн курс или курс в класната стая
Можете да започнете с онлайн уроци и курсове за тестване на основите. Онлайн курсовете са достъпни и могат да се гледат вечер, през деня или когато пожелаете. Класовете в класната стая имат по-високи разходи и трябва да се придвижите от вкъщи, вместо това информацията може да бъде персонализирана според вашите познания и ще се свържете с други ситуации, изложени от колеги в групата. Освен това срещате нови приятели, запалени по същите неща като вас, с които можете да си сътрудничите и да развивате онлайн проекти.
Колко има значение дипломата
По отношение на уеб дизайна, от значение е вашето портфолио, начинът на работа, вашата решителност. Повечето компании не търсят дипломи. Но има и ситуации, когато имате нужда от диплома: например когато искате да отворите PFA.
Уеб дизайн и фрийланс
Нуждаете се от решителност, лаптоп и интернет връзка.
В САЩ има над 55 милиона фрийлансъри, обхващащи широк спектър от услуги, представляващи 33% от активната работна сила, като тенденцията е силно възходяща.
Изграждайте отношения в световен мащаб
Най-добрият начин да имате постоянно проекти е да имате собствен сайт за презентации, който да можете постоянно да разраствате. Можете да се обърнете към външния пазар, като влезете в пряк контакт със заинтересовани лица. Можете да направите това, като използвате социални мрежи, като следите и добавяте нови приятели, публикувате полезни коментари в блогове, които ви се струват интересни.
„Обичайте семейството си, работете супер усилено, живейте страстта си. "
Гари Вайнерчук
Резервирайте 2 часа всяка сутрин, за да откриете нов блог и да прочетете и коментирате 5 други блога, добавете вашето име и уебсайт, напишете полезни коментари за обществеността и това ви кара да се гордеете. През първите 30 дни ще имате 150 коментара, които водят към вашия сайт и ще привлечете заинтересовани директни посетители.
Не ви трябват бюджети за промоция, а само последователност и решителност в това, което правите. Фокус върху качеството, успехът за една нощ обикновено трае няколко години.
Четете постоянно
При фрийланс времето е на ваша страна и можете да го организирате, както желаете. През първата година вашата цел е да усвоите възможно най-много информация за брандиране, предприемачество, бизнес, маркетинг, социални медии, уеб дизайн, а книгите ви позволяват да имате достъп до опита на успелите.
"Прочетете 500 страници като този всеки ден. Така работят знанията. Натрупват се, като сложна лихва. Всички можете да го направите, но гарантирам, че не много от вас ще го направят."
Уорън Бъфет
Успешните хора са склонни да избират книги за образование и развитие вместо истории, таблоиди и списания. Те се интересуват особено от биографии и автобиографии на други успешни хора за вдъхновение и полезни идеи. Прочетете повече за общото между тях: www.medium.com/the-mission/the-reading-habits-of-ultra-successful-people.
Закупуването на мини покет книга е тънко и се извършва в джоба ви. Изпробвайте го в магазина, важно е да се уверите, че е достатъчно малък, за да го имате в джоба си навсякъде. Така моментите на изчакване ще се превърнат в добра възможност да намерите идеи във вашите книги.
Ето 5 заглавия на полезни книги в началото на фрийланс и което може да промени начина, по който мислите, действате и общувате.
Започнете с Защо - Саймън Синек
Crush It - Garry Vaynerchuck, с който можете да се срещнете на 22 май 2017 г. в Букурещ
Единственото нещо - Гари Келър, Джей Папасан
Заразно: Защо нещата се хващат - Джона Бергер
Принципът 80/20 - Ричард Кох
Богат татко, беден татко - Робърт Т. Кийосаки
Силата на навика - Чарлз Дюхиг
Като цяло добрата книга съдържа една или две нови идеи, които ще ви помогнат в това, което правите. Ето защо трябва постоянно да откривате нови автори и заглавия, както сами, така и от препоръки. За да намерите лесно подходящите книги с подходяща за вас информация, използвайте www.goodreads.com тук ще намерите много добре разработена система за преглед. Друг полезен източник е www.publica.ro.
Следвайте тези 5 основатели те ще ви дадат мотивация, решителност и увереност да промените нещата около вас.
Кевин Систром - основател на Instagram
Гари Вайнерчук - основател на VaynerMedia
Травис Каланик - основател на Uber
Брайън Чески - основател на Airbnb
Джак Ма - основател на AliBaba
"Дизайнерите + художници виждат потенциал в неща, където другите не го правят. Мисля, че художниците в много отношения са оригиналните предприемачи." Брайън Чески
Заключение
Уеб дизайнът е универсален език и можете да работите от всяко място, където се чувствате креативни за хората по света. Достатъчно е да имате решителност, лаптоп и интернет връзка и следващият глобален сайт може да започне от вашата идея.
Абонирайте се, за да получавате артикули, курсове и отстъпки директно във вашата пощенска кутия