UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Сетки и тимплейты для облегчения работы в Sketch
Редакція
Редакція

Опубліковано • Оновлено

Сетки и тимплейты для облегчения работы в Sketch

Material Design icon grid template

Типлейт для создания иконки мобильного приложения Android на основе Material Design.

Автор - Carmelyne Thompson

Скачать

OS X Icon Grid

Это очень удобная и простая в использовании сетка для создания ios иконок мобильных приложений. Это версия для Sketch всем известной сетки от Nick Keppol's, которая была только для Photoshop.

Автор версии для Sketch - Andy L.

OS X Icon Grid

Скачать

iOS and WatchOS App Icon Template

Это Sketch шаблон IOS иконки приложения, которы я создавал сначала для себя. С тех пор я поделился тимплейтом с некоторыми людьми, чтобы получить обратную связь перед выпуском. Я хотел создать шаблон, который включает в себя все размеры иконок приложения, поддерживающего Apple Watch.

Автор сетки - Joe Norton.

iOS and WatchOS App Icon Template

Скачать

Favicon Template для Sketch

Я сделал шаблон фавикон иконки для Sketch, который вы можете использовать на свое усмотрение.

Для экспорта в формате PNG используйте сайт xiconeditor.com или приложение "Icon Slate", сохраните в формате .ico и используйте фавикон на своем сайте.

Скачать и открыть с помощью Sketch, а затем сохраните как шаблон.

Автор тимплейта - Roger Dean Olden.

Favicon Template для Sketch

Скачать

Сетки для Bootstrap

Bootstrap Grid Template от Jay Holtslander

Я не нашел ничего интересного из уже имеющихся сеток для разработки сайта на основе Bootstrap 3, поэтому я создал свой велосипед. Используйте этот тимплейт как основу для проекта на Bootstrap.

Автор сетки - Jay Holtslander

Bootstrap Grid Template

Скачать

Bootstrap Grid Template от Bruno Müller

Шаблон макета для Sketch на основе сетки Bootstrap системы. Для получения более подробной информации о системе сетки, посетите официальный сайт: http://getbootstrap.com/css/#grid. Автор сетки - Bruno Müller

Размеры экранов: 320px, 750px, 970px, 1170px.

Скачать.

Bootstrap Grid Template от Bruno Müller

Скачать

Bootstrap 3 Responsive Grid Template

Есть много полезных ресурсов для Sketch, но там я не нашел хорошей стандартной сетки Bootstrap, так что я создал свою, которая действительно хорошо работает.

Это всего лишь простой скетч файл, содержащий 4 различных артборда. Нет слоев. Сетки были сделаны с помощью родного инструмента для создания сеток (View> Show Layout) и некоторые дополнительные направляющие.

Как я думаю, сетка на 12 колонок для небольших устройств - это неудобно, я сделал для них 4 колонки. Это не 100% идеально ... но это работает :)

Автор сетки - Armando Sotoca

Bootstrap 3 Responsive Grid Template

Скачать

Если у вас есть свое решение или вы знаете другие сетки или тимплейты, оставляйте в комментариях и я добавлю их в статью.

Топ коментарі (0)