7 задължителни разширения за Chrome за уеб дизайнери

7 задължителни разширения за Chrome за уеб дизайнери

Като уеб дизайнер, какъв софтуер абсолютно трябва да имате на компютъра си? Вероятността е това да са Photoshop и Illustrator. И макар това да са основите на вашия работен процес при проектирането, има по -малки инструменти, които вероятно не знаете, че имате нужда.





Най-хубавото е, че дори не е нужно да ги изтегляте --- просто инсталирайте тези разширения за Chrome и си тръгвайте. От идентифициране на шрифтове на страници до измерване на разстояния между уеб елементи, тези разширения за уеб дизайн за Chrome ще направят живота ви по -лесен.





1. Dropbox за Gmail

Dropbox започна като услуга за хостинг на файлове, но скоро откри, че основната му аудитория са дизайнерите, които използват услугата, за да споделят работата си с колеги. Тъй като дизайнерските файлове често са твърде големи за прикачени файлове към имейли, е по -лесно да изпратите връзка към Dropbox към файла.





Dropbox за Gmail прави процеса още по -удобен. Когато се свържете с вашия файл с помощта на бутон Dropbox в долната част на новия прозорец за имейл, получателят получава кратък поглед върху това, което изпращате. Връзките към файлове с изображения ще качват изображенията директно в имейла, а връзките към други типове файлове ще генерират удобна визуализация.

Инсталирай: Dropbox за Gmail



2. FontFace Ninja

С хиляди шрифтове на разположение, вашите възможности за типография са безкрайни. Особено ако можете да идентифицирате красив шрифт, който виждате някъде, и да го заемете за свой собствен проект.

FontFace Ninja е разширение за Chrome, което ви помага да направите точно това. Подобно на инструменти, които намират шрифтове от изображения тя ви помага да идентифицирате шрифтовете, които виждате онлайн. Единствената разлика е, че FontFace Ninja чете шрифтовете, кодирани в CSS на страницата, като шрифта на заглавията и основния текст.





Когато стартирате FontFace Ninja, той ще ви покаже информацията за шрифта, към който го насочвате --- и не само шрифта, но и теглото, размера, височината, ширината и цвета. За да маркирате този шрифт, ще ви е необходим акаунт в сестринската услуга, FontFace Dojo .

Инсталирай: FontFace Ninja





3. Пипетка ColorPick

Колкото и да сте наясно с цвета, трудно е да пресъздадете конкретен нюанс, който сте видели онлайн, освен ако не знаете неговите RGB или HTML стойности. За щастие не е нужно да гадаете дали имате ColorPick Eyedropper.

като най -добрите приложения за избор на цвят за Mac , ColorPick Eyedropper ще ви покаже стойностите за всеки цвят, към който посочите. Разликата е, че винаги е в браузъра ви и не е нужно да качвате нищо-просто щракнете върху иконата и преместете целта на правилното място.

Разширението чете цветове от текст, изображения и почти всичко, което може да видите на уеб страница (дори рекламите). След като заснемете цвят, той ви показва HTML, RGB и HSL стойностите за него.

Инсталирай: Пипетка ColorPick

4. Размери

Това разширение с отворен код е находка за уеб дизайнерите, особено ако правите еднократни концерти за малкия бизнес. Когато клиент ви предаде уебсайт без никакви предишни файлове или документация и ви помоли да проектирате „страница като тази, но с различен текст и изображения“, измислянето на оформлението е болка.

какво е .dat файл

Размерите ви позволяват лесно да измервате височината и ширината на всеки елемент на страницата, както и полетата между тях. Това улеснява пресъздаването на съществуващи страници и проверка на вашите собствени дизайни, след като те започнат да се произвеждат.

Инсталирай: Размери

5. Визуален инспектор

Visual Inspector е мощен инструмент за обратна връзка и сътрудничество за дизайнерски екипи, съчетаващ функциите на предишните три разширения и добавяйки още повече.

В Проверете раздел, можете да изберете всеки елемент на страницата, за да получите пълна информация за него, от размери до името на файла. The Цветове и Типография подтабулите ви позволяват да видите с един поглед цветовата палитра и всички шрифтове Активи събира всички изображения на страницата на едно място.

The Сътрудничество раздел, където можете да дадете обратна връзка и да обсъдите с екипа си и е лесно да оставите коментар, като кликнете върху който и да е елемент на страницата.

toshiba сателитен биос ключ windows 8

Подобно на повечето усъвършенствани инструменти, Visual Inspector идва с цена: ще трябва да платите от $ 9/потребител/месец, за да добавяте коментари и промени в синхронизирането. Основните му функции, като например проверка на цветове, шрифтове и изображения, са свободни за използване.

Инсталирай: Визуален инспектор

6. Лесно заснемане на екрана

Разширението за заснемане на екрана може да изглежда излишно, тъй като правенето на екранна снимка на Mac е лесен и заснемане на екрана ви в Windows е само малко повече караница. Но Easy Screen Capture има доста точки за продажба.

Най -важното е, че ви позволява да заснемете цялата уеб страница, а не само областта, която виждате на екрана си. Това е безценно, когато трябва да докладвате няколко проблема на дълга страница и заснемането на всички тях ще отнеме три до четири екранни снимки.

Друг чист трик е възможността да копирате екранната снимка в клипборда и да я поставите направо в чат или имейл, вместо да съхранявате безполезни файлове с изображения на вашия компютър.

Инсталирай: Лесно заснемане на екрана

7. Леден 2

И накрая, има една важна задача, с която трябва да се справяте всяка сутрин: изтръскването на остатъците от съня и навлизането в канала. Muzli 2 от InVision ще служи като сутрешен вестник с курирани статии за изкуството, дизайна, UX и технологиите.

Muzli замества раздела ви по подразбиране в Chrome и ви позволява да персонализирате това, което виждате там. В зависимост от вашите интереси, Muzli ще избере емисии за вас, като уебсайтовете варират от Dribble и Behance до 99designs и Creative Bloq. Много вдъхновение за превъртане, докато отпивате първото си кафе!

Ако смятате, че цял раздел на браузъра, пълен с дизайнерско съдържание, е твърде интензивен, Muzli също има Lite версия. Той няма да замени раздела ви по подразбиране и ще имате достъп до емисията, когато пожелаете, само като щракнете върху иконата на разширението.

Инсталирай: Леден 2

Вземете разширения за Chrome за всички ваши дизайнерски задачи

Разширенията за Chrome в този списък не отговарят на вашия софтуер за дизайн, но обхващат всички малки неща, които идват с това да сте дизайнер-било то информация за типография или сътрудничество с вашите колеги.

След като разберете, че уеб магазинът на Chrome е изпълнен с инструменти, може да е трудно да спрете да добавяте нови. Така че научете как да управлявате разширенията си за Chrome преди да излязат от контрол.

Дял Дял Туит електронна поща Струва ли си да надстроите до Windows 11?

Windows е преработен. Но достатъчно ли е това, за да ви убеди да преминете от Windows 10 към Windows 11?

Прочетете Напред
Свързани теми
  • интернет
  • Творчески
  • Google Chrome
  • Уеб дизайн
  • Разширения за браузъри
За автора Алис Котляренко(28 статии са публикувани)

Алиса е писател на технологии с меко място за технологиите на Apple. Тя пише за Mac и iPhone от известно време и е очарована от начините, по които технологиите преобразяват творчеството, културата и пътуванията.

Още от Алис Котляренко

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате