8 Інструментів, які стануть в нагоді веб-дизайнеру

Зміст:

Anonim

Screensiz.es

Screensiz.es - сайт, який з легкістю допоможе вам знайти фізичні розміри, дозвіл екрана, співвідношення сторін і безліч інших параметрів екранів найпоширеніших моделей смартфонів, планшетів і моніторів. Вся інформація надходить в простому і зрозумілому вигляді - у вигляді таблиці. Представлені десятки різних пристроїв під управлінням Android, планшети, включаючи BlackBerry Playbook, Microsoft Surface Pro і Barnes & Noble Nook. Для менш поширених пристроїв знайти потрібні відомості також довльно легко. Screensiz.es також пропонує рейтинг популярності пристроїв, котрий заснований на статистиці пошукових запитів Google та ряді інших критеріїв.

Subtle Patterns

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

Lost Type

Пам'ятайте, той шрифт, який ви бачили на улюбленому сайті? Є чимала ймовірність того, що цей шрифт узятий з сайту Lost Type, що об'єднує безліч дизайнерів, які виставляють там свої роботи на продаж за ціною «заплати, скільки хочеш». Мабуть, Lost Type можна віднести до списку сайтів, про які повинен знати кожен дизайнер (і не тільки). У Мережі не так багато місць, де можна добути якісний унікальний шрифт і не заплатити за це купу грошей.

Red Pen

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

Pattern Tap

Pattern Tap не є інструментів в традиційному сенсі цього слова, проте дизайнеру він безсумнівно стане в нагоді. Призначення Pattern Tap - надихати вас ідеями для різних елементів веб-сторінок. Наприклад, сайт містить великий список прикладів сторінок 404, аудіоплеєрів, які кнопок, «хлібних крихт» і т.д. Якщо у вас закінчилося натхнення, погляд на різноманітні втілення тієї чи іншої ідеї може підштовхнути вас в потрібному напрямку. мати під рукою широкий спектр ідей, зібраних на одному сайті, набагато краще нескінченно довгого серфінгу Мережі просіювання тонн візуальної інформації. Pattern Tap також дозволяє здійснювати пошук за такими критеріями, як кольори, стилі і види елементів.

шрифт Blokk

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

Набір іконок від Brankic1979

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

Color By Hailpixel

Звичайно, нестачі в інструментах захоплення квітів (color-picker) не відчувається. Це один з інструментів, який завжди повинен бути під рукою у дизайнера, а на Color by Hailpixel безперечно варто звернути увагу. Відкрився сайт покаже вам порожній екран з єдиною посиланням на чорний колір (# 000000). Переміщаючи курсор по екрану, ви будете бачити, як змінюється колір фону, а віконце в центрі буде показувати відповідний hex-код цього кольору. Клік мишею створить смужку поточного кольору з цифровим значенням цього кольору. Таким чином, рухами миші можна зібрати собі палітру потрібних кольорів для подальшого використання. Клік по «шестерінці», розташованої на кожній збереженої смужці, викличе панель з настройками цього кольору, де ви можете більш точно встановити значення RGB і HSL. Чудовий інструмент.

Чи є у вас власні улюблені онлайн-інструменти? Розкажіть нам в коментарях.

8 Інструментів, які стануть в нагоді веб-дизайнеру