Форум Рубцовска

Форум Рубцовска (http://rub.altai.su/index.php)
-   Web (http://rub.altai.su/forumdisplay.php?f=56)
-   -   Вебдизайн - изменение шаблонов joomla (http://rub.altai.su/showthread.php?t=49993)

Fiast 28.01.2013 23:43

Вебдизайн - изменение шаблонов joomla
 
Собственно, накидайте ссылок, где можно научится делать красивые шаблоны для CMS Joomla. сколько ни пробовал - не получается. (получается всякое Г).

хочу научится и рубить капусту на вебдизайне :)
пример очередного Г - znaniez

xpomuk 28.01.2013 23:49

Цитата:

Сообщение от Fiast (Сообщение 640553)
сколько ни пробовал - не получается. (получается всякое Г)

Аналогично

Fiast 28.01.2013 23:53

Цитата:

Сообщение от xpomuk (Сообщение 640558)
Аналогично

[DEL]а капуста нужна, машину чинить, кредит отдавать, дитя кормить[/DEL]. Просят научится делать, выражусь словами заказчика "динамичныеяркиекрасивыеохренительноинтерактивныесайты". Вот даже не знаю, как в добиваются красивых флеш баннеров в шапках сайта, как делают так, чтобы текст смотрелся и читался, а не превращался в сплошное говно на экране, как заставить джумлу выводить блоки так, как хочет этого заказчик, а не так, как заложили в говношаблон.

chip 29.01.2013 00:14

Artisteer 3 - программа для создания шаблонов, первая и единственная программа для автоматизации веб дизайна, который моментально создает фантастического вида, уникальные шаблоны для СMS Joomla, Drupal, Wordpress, темы для вашего блога или HTML-странички. Проектируйте удивительные темы для Wordpress и создавайте профессиональные вебсайты в считанные минуты. Удобный в использовании. Не требующий знаний Photoshop, CSS, HTML. Экспорт тем в Wordpress, Joomla, Drupal или шаблонов для CMS

http://www.rutor.org/torrent/156994/....45570-2011-pc

Claus 29.01.2013 00:16

Цитата:

Сообщение от chip (Сообщение 640588)
Artisteer 3 - программа для создания шаблонов, первая и единственная программа для автоматизации веб дизайна, который моментально создает фантастического вида, уникальные шаблоны для СMS Joomla, Drupal, Wordpress, темы для вашего блога или HTML-странички. Проектируйте удивительные темы для Wordpress и создавайте профессиональные вебсайты в считанные минуты. Удобный в использовании. Не требующий знаний Photoshop, CSS, HTML. Экспорт тем в Wordpress, Joomla, Drupal или шаблонов для CMS

http://www.rutor.org/torrent/156994/....45570-2011-pc

А если ручками нада? :)

chip 29.01.2013 00:20

Цитата:

Сообщение от Claus (Сообщение 640591)
А если ручками нада? :)

Ну если надо ручками, то делай ручками.
http://www.postroika.ru/design/discommon.html
http://www.i2r.ru/static/255/out_22129.shtml

Fiast 29.01.2013 00:30

а если ручками - знание php, html, css, jScript имеются, могу разрабатывать просто интерфейсы, модули на php, проблем с запросами к БД не возникает.
Не научился делать сайты простыми, динамичными и красивыми - не хватает навыка фотошопера и флешера. Флеш вообще не изучал, обработка фотографий - хромает. На 4+ работал с Corel Draw (даже нормально логотип не сохраняет, гад, в png, срезает верхний пиксел при сохранении с альфаканалом).
Собственно от чего отстал: флэш контент, AJAX, умение делать красивый дизайн, хромает верстка (знания есть, но идеи не приходят, как сделать красиво).

Вопрос: как сделать что то подобное?

MadMax 29.01.2013 00:38

Цитата:

Сообщение от Claus (Сообщение 640591)
А если ручками нада? :)

А что мешает наваять в программе и допилить ручками?
Допиливал хороший, годный шаблон под WordPress руками под свои нужды, в принципе все довольно просто.

Fiast 29.01.2013 00:41

Цитата:

Сообщение от MadMax (Сообщение 640610)
А что мешает наваять в программе и допилить ручками?
Допиливал хороший, годный шаблон под WordPress руками под свои нужды, в принципе все довольно просто.

наваять в программе - может быть и тема, с допиливанием ручками.
мешает слабое знание самих возможностей joomla. иногда лезут мысли писать модули самому, а оказывается, что они уже есть готовые.
вот и ищу, кто бы меня обучил джумле в полном объеме, может даже платно, чтобы человек был с портфолио, и красивыми работами, тонким чутьем к дизайну и навыкам создания юзерфрендли интерфейсов (без говна).

MadMax 29.01.2013 00:41

Цитата:

Не научился делать сайты простыми, динамичными и красивыми - не хватает навыка фотошопера и флешера. Флеш вообще не изучал, обработка фотографий - хромает. На 4+ работал с Corel Draw (даже нормально логотип не сохраняет, гад, в png, срезает верхний пиксел при сохранении с альфаканалом).
Собственно от чего отстал: флэш контент, AJAX, умение делать красивый дизайн, хромает верстка (знания есть, но идеи не приходят, как сделать красиво).
Сам спросил - сам ответил :) Качай скилы.

Neil 29.01.2013 01:00

Цитата:

Сообщение от Fiast (Сообщение 640605)
... Вопрос: как сделать что то подобное?

Цитата:

Разработка сайта — Митра
http://www.mitra.ru/

обалденные работы

upd:

не знаю поможет ли мой совет, но

когда то я, в качестве хобби, занимался изучением веб-дизайна. брал всё, что попадалось красивого, и жадно пытался скопировать это вырезанием всего лишнего.
с большинством справлялся, некоторое не удавалось, особенно по части javascript'а. давно забросил это дело. но происходило это примерно так:
сядешь, бывало, разбираться с какой-нибудь очередной шняжечкой и, в процессе, понимаешь, что если эту вот загагулину пристроить к другой, то получиться
замечательная фиговина :) так вот помаленьку разбирался, компановал, экспериментировал и кромсал чужие работы, учась делать, что-то своё.

а в работах выше действительно есть что подчерпнуть ;)

забыл ещё добавить, что я нифига не фотошопер и не дизайнер, но идеи приходили сами собой, когда знаешь, что из чего и как сделано. а для этого в этом нада покапаться!

Копатель 29.01.2013 01:09

Сколько не пробовал над "внешностью" сайтов работать - вообще бесперспективняк. Сверстать нарисованный шаблон - можно, как только подключаю свою фантазию - выходит какая-то фигня.
Так что "сделать шаблон" - вопрос спорный. Нарисовать или сверстать - все же разные вещи, которые часто делают разные люди.

Smyke 15.12.2016 11:29

Достанем старого кота из ящика: Кратко опишу как рисую дизайн я. Делать это достаточно просто, делается все поэтапно:

1. Пишу в блокнот списком отдельные мыcли по поводу проекта
- Нужен фильтр по 10 параметрам
- Нужна форма оплаты
- Нужен модуль корзины на AJAX
- Нужен модуль поиска
- Нужны кнопки шаринга в соц.сети
- Нужен модуль каталога статей
- ...


Подобных пунктов бывает до 50 (опять же у меня)

2. Определяюсь с типами страниц смотря в список из первого пункта
- Главная
- Страница каталога товаров
- Страница товара
- Страница корзины
- Информационные страницы
- ...


3. Раскидываю список из п.1 по списку п.2 (функционал по страницам)
- Главная
Модуль корзины на AJAX
Модуль поиска
...

- Информационные страницы
Модуль корзины на AJAX
Модуль поиска
Модуль каталога статей
...

- ...

--------------------------------- На этом рутина заканчивается ----------------------------

4. Рисую прототип страниц (в принципе подойдет А4 + карандаш, но мне удобнее пользовать ninjamock.com)
На данном этапе собираются в единое целое отдельные мысли, сперва рисуем на макете все что получилось в 3-м пункте, затем смотрим, думаем, что-то добавляем, что-то убираем, стараемся продумать все действия пользователя, короче продумываем юзабилити.
На выходе должно получиться несколько макетов, количество которых равно количеству разных типов страниц

5. Смотрю на макет из п.4, вспоминаю о целевой аудитории, определяюсь с цветами и стилем и начинаю отрисовывать в фотошопе каждую деталь макета. В какие-то моменты для вдохновения иду на ресурсы с работами лучших дизайнеров (кстати это лучше делать и на предыдущих этапах, а также каждый день перед работой, все полезнее, чем просмотр котиков). Ссылки на данные ресурсы в конце.

6. Верстаю ручками, подсознательно перебирая каждый элемент дизайна в голове, задавая себе вопрос: "А можно ли этот блок нарисовать при помощи css?" Таким образом в html-шаблоне остается минимум графики.

7. Натягиваю шаблон на CMS

8. Допиливаю шероховатости, оптимизирую ресурсы (минимум запросов к серверу, максимум скорости загрузки)

9. Если дизайн адаптивный - работаю над адаптивностью (разные разрешения экранов, клацанья по смартфону, тесты в pagespeed)


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

Ссылки на ресурсы:
- https://dribbble.com/ - Лучшие дизайнерские работы в WEB и мобильных приложениях со всего мира
- https://www.behance.net/ - Лучшие работы вообще в графическом дизайне
- http://ru.365psd.com/ - Большая коробка с графикой, которую можно еще и скачать в PSD, Среди этой кучи есть много достойных работ
- http://codepen.io/ - Отличная подборка различных элементов, написанных уже кодом. Хороший ресурс для верстальщика


Часовой пояс GMT +7, время: 16:23.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot