5 съвета за работа с квадратна зона като дизайнер

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

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

1. Добавете персонализиран HTML

Почти всеки създател на уебсайтове позволява на потребителите да редактират и добавят персонализиран HTML в дизайна. Квадратурата не се различава.

Тези разширени персонализации са доста лесни, ако имате знания за кодиране, което Squarespace отбелязва, че е много важно, преди да направите корекции. Създателят на Squarespace всъщност променя CSS на сайта, докато правите промени във визуалния редактор. Това включва и кодови блокове. (Така че грешният код може да го накара да се взриви, ако не сте внимателни.)

Хубавото е, че промените в кода надхвърлят прости модификации на цвят или шрифт. Потребителите могат да добавят HTML кодови блокове почти навсякъде в дизайна, да правят универсални промени в CSS с помощта на редактора CSS, да вмъкват JavaScript с инструмента за инжектиране на код и дори да показват суров код като обикновен текст, като използват кодовия блок с опцията „дисплей източник“.

2. Копайте във файлове с шаблони

Знаете ли, че можете да получите достъп до файлове с шаблони и дори да изградите персонализиран шаблон от нулата? Много потребители не знаят, че Squarespace има платформа за напреднали потребители, които наистина могат да направят нещо различно и напълно по поръчка в съставителя на уебсайтове.

Можете да редактирате маркирането, стиловете и скриптовете, като използвате каквито инструменти искате. Можете дори да създадете персонализиран шаблон или уебсайт, който живее в хостинг на Squarespace.

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

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

3. Използвайте платформата за програмисти

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

Платформата за програмисти позволява на дизайнерите да създадат напълно персонализиран сайт от нулата и да използват инструменти на трети страни. Платформата включва локален сървър за разработка, лента с инструменти, основен JavaScript API и други.

Дизайнерите получават пълен контрол на кода, достъп до всички хранилища на Git, обикновен език на шаблона (JSON-шаблон), силна хост инфраструктура, вграден CDN, който намалява времето за зареждане и стабилен мениджър на задния сайт (който може да бъде разгърнат към клиенти),

Има много големи марки, използващи сайтове на Squarespace, като например John Malkovich Fashion (по-горе). Спряхте ли да мислите за факта, че те не приличат на шаблона? Разработката по поръчка има много общо с нея и платформата е достъпна за всеки потребител, който иска да създаде наистина персонализиран дизайн на платформата Squarespace.

4. Използвайте шаблоните

Всъщност има голяма полза от започване на шаблон за създаване на уебсайт.

Това може да спести време и да ви помогне да мислите за дизайнерските проблеми по нов начин. Вместо да виждате шаблон като неудовлетвореност в дизайна, справете се с него като предизвикателство. Използвайте ограниченията на шаблона, за да ви помогне да проектирате нещо в това поле.

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

Squarespace не е единственият създател на уебсайтове, предлаган с шаблони и опции за започване на работа. Има и много други. (Използвайте това ръководство за сравнение, за да изберете този, който е подходящ за вашите проекти.)

5. Използвайте персонализиране на трети страни

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

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

Някои общи персонализации на трети страни включват BeerMenus, Bloglovin ', Etsy, Eventbrite, Feedly, Google Translate, Issuu, търсене в MLS, Apple Touch Icons, Wufoo, Zocdoc и Swiftype.

Ако приложенията на трети страни ви плашат малко - Squarespace не предлага поддръжка за тях - има вградени интеграции, които предлагат много подобна функционалност.

заключение

Повече строители на уебсайтове предлагат инструменти за разработчици, за да насърчат по-напредналите потребители да разгледат платформите.

Squarespace е чудесен инструмент, но той е само една от няколко опции там - ето сравнение на някои от най-популярните избори. Въпреки че не всеки дизайнер обича създател на уебсайт, това може да бъде чудесен вариант. Освен това има много начини да добавите допълнително персонализиране и дори да изградите уебсайт от нулата на платформа като Squarespace.

© Copyright 2024 | computer06.com