Re:StartPSD или Браузеры в стиле Aero
Это ответ на пост StartPSD — в помощь дизайнерам сайтов, автоматизируем работу [1]. В комментариях очень многие интересовались, почему же использовался Safari и Mac, поэтому я решил сделать аналогичную штуку только в стиле Аэро. Возможно кому-то пригодится.
Сетка взята из шаблона Firefox для «мака» от cherenkevich [2] (там еще неплохая серия статей про модульную сетку) — cherenkevich.livejournal.com/40021.html [3]
Собственно браузеры:
- Mozilla Firefox 12 (preview [4])
- Google Chrome 18 (preview [5])
- Opera 11.62 (preview [6])
- IE 9 (preview [7])
Небольшое описание слоёв:
Как видите, описывать тут особо нечего, можете просто скачать и посмотреть:
Скачать (ZIP; 1,6 МБ) [8], Зеркало на Яндекс.Диске [9], Зеркало на Дропбоксе [10]
Пожелания и предложения принимаются :)
Полезные ссылки
Пара плагинов для фотошопа:
Modular Grid Pattern [11] — плагин для создания сетки-паттерна.
Guide Guide [12] — плагин для создания сетки из направляющих.
UX Fox [13] — открывшийся буквально на днях сайт, содержащий полезные статьи и уроки по прототипированию интерфейсов, а также список интересных книг на данную тему и неплохие готовые элементы интерфейсов в формате PSD.
Subtle Patterns [14] — стильные бесшовные текстуры для сайтов. Все текстуры сохраняются в формат *.pat, который можно открыть в фотошопе.
habrahabr.ru/post/44823 [15] — Компоненты интерфейса Safari и IE7 в .psd и оттуда же несколько ссылок:
designerstoolbox.com/designresources/elements [16] — стандартные элементы и контролы браузеров Firefox, IE и Safari.
seleckis.lv/archive/web-dizayn/kontrolyi-iz-raznyih-brauzerov-dlya-dizaynerov [17] — Контролы для Эксплорера, Файрфокса, Оперы и Сафари
www.webdesignerstoolkit.com [18] — Free Photoshop browser templates for webdesigners and screendesigners
www.456bereastreet.com/archive/200409/styling_form_controls [19] — Styling form controls
PatternTap [20] — много подборок разных интересных частей сайтов (кнопки, слайдшоу, таблицы, футеры и др.)
LittleBigDetails [21] — о мелких, но улучшающих продукт/софт, деталях в интерфейсах.
Может в комметариях кто-то подскажет еще полезных ссылок, я добавлю в пост.
Автор: designiac
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/7801
Ссылки в тексте:
[1] StartPSD — в помощь дизайнерам сайтов, автоматизируем работу: http://habrahabr.ru/post/141136/
[2] cherenkevich: http://habrahabr.ru/users/cherenkevich/
[3] cherenkevich.livejournal.com/40021.html: http://cherenkevich.livejournal.com/40021.html
[4] preview: http://s2.hostingkartinok.com/uploads/images/2012/05/1323057122bc5b4deed6ec956902be3b.png
[5] preview: http://s2.hostingkartinok.com/uploads/images/2012/05/488d17c493e45b1fcddd45ecfe31f0b2.png
[6] preview: http://s2.hostingkartinok.com/uploads/images/2012/05/a6be1a146ab994a6ce61a61774f95d18.png
[7] preview: http://s2.hostingkartinok.com/uploads/images/2012/05/fe4511efb5e77c669130ea8be6903d8b.png
[8] Скачать (ZIP; 1,6 МБ): http://ge.tt/7qlgUkH/v/0?c
[9] Зеркало на Яндекс.Диске: http://clck.ru/d/Ie2p1h6M14tnr
[10] Зеркало на Дропбоксе: http://dl.dropbox.com/u/16123327/Browsers_Aero%2B980grid.zip
[11] Modular Grid Pattern: http://modulargrid.org/#panel
[12] Guide Guide: http://www.guideguide.me
[13] UX Fox: http://www.uxfox.ru/
[14] Subtle Patterns: http://subtlepatterns.com/
[15] habrahabr.ru/post/44823: http://habrahabr.ru/post/44823
[16] designerstoolbox.com/designresources/elements: http://designerstoolbox.com/designresources/elements
[17] seleckis.lv/archive/web-dizayn/kontrolyi-iz-raznyih-brauzerov-dlya-dizaynerov: http://seleckis.lv/archive/web-dizayn/kontrolyi-iz-raznyih-brauzerov-dlya-dizaynerov
[18] www.webdesignerstoolkit.com: http://www.webdesignerstoolkit.com
[19] www.456bereastreet.com/archive/200409/styling_form_controls: http://www.456bereastreet.com/archive/200409/styling_form_controls
[20] PatternTap: http://patterntap.com
[21] LittleBigDetails: http://littlebigdetails.com
Нажмите здесь для печати.