74
523
Forum
Служебный форум
Дизайн
0
2012-11-02 23:32:01
2018-03-31 21:13:19
В этом топике обсуждаем внешний вид, то бишь дизайн, нашего сайта.

Тематические топики:
Интерфейс
Баги на сайте
Добавление альбомов
Блог администрации
2
#
2012-11-02 23:34:03
Итак, первый, а по внутреннему счёту второй, возможный скретч - набросок нового дизайн сайта версии 1.0. Кликните, чтобы открыть полный размер.

1.0.1

1.0.1 со стрелочками при наведении
3
#
2012-11-03 00:34:22
неплохо. Но нужен фон. Лучше тот что есть сейчас. А то все ослепнут! Особенно если врубят ночью в темной комнате)
1
#
2012-11-03 07:03:12
Или строгий шум, как в YouTube или на фоне открытой в отдельной вкладке картинки в FF
0
#
2012-11-03 12:33:09
Да, именно. Сделаю чуть серее, и добавлю шума.
0
#
2012-11-03 12:32:46
Не, тёмный фон не вариант. Ничего нет худшего чем белый текст на чёрном фоне. Сделаю немного серее.
1
#
2012-11-03 13:50:05
Сделал фон серее и добавил "шум". Полный размер.

1.0.2

Вопрос. Будем использовать стандарт дефакто и подчёркивать ссылки, либо не будем подчёркивать ссылки?
4
#
2012-11-03 14:24:43
По моему слишком много мишуры,информация справа вообще не в тему, поле для комментария надо скрывать по умолчанию, кучу ненужной инфы тоже под спойлер скрывать, дата, размеры, платформа итп всё под спойлер, вот что должно быть во главе, остальное под спойлерами всякими

Подчеркивать ссылки не надо

Hidden text

0
#
2012-11-03 14:27:41
С тобой не согласен не один из популярных сайтов ) Так что, уж извольте, шаблон будет адаптивным двухколоночным. Так же само с полем для комментов.
1
#
2012-11-03 14:28:47
приведи примеры

Елси взять за пример фликр то у него есть 3 типа просмотра, стандартный как у тебя , второй вариант на тёмном фоне и третий полноэкранный на тёмном фоне

http://www.flickr.com/photos/29609591@N08/6917838169/?f=hp

http://www.flickr.com/photos/29609591@N08/6917838169/lightbox/

http://www.flickr.com/photos/29609591@N08/6917838169/lightbox/ + нажать fullscreen

Тогда и сс надо несколько варов! в таком случае
1
#
2012-11-03 14:32:39
Две колонки:
http://fotki.yandex.ru/users/serdidg/view/516004/?page=0
http://www.flickr.com/photos/serhio-magpie/8147566613/in/photostream
http://www.facebook.com/photo.php?fbid=3671114701466&set=pb.1382825325.-2207520000.1351949445&type=3&theater
http://www.youtube.com/watch?feature=player_embedded&v=Pbdewwtm70w
Поле комментов:
http://www.flickr.com/photos/serhio-magpie/8147566613/in/photostream
http://www.facebook.com/photo.php?fbid=3671114701466&set=pb.1382825325.-2207520000.1351949445&type=3&theater
http://vk.com/serhio.magpie?z=photo1670111_292124410%2Fphotos1670111
http://www.youtube.com/watch?feature=player_embedded&v=Pbdewwtm70w

Этого достаточно.
0
#
2012-11-03 14:37:49
Прям будь в тренде лол

Короче хочу лайт вариант на тёмном фоне с минимумом интерфейса, всего и делов
0
#
2012-11-03 14:39:40
Не, лучше быть в жопе с 200 посещением в день. )
Я знаю, что у всех есть свои привычки, и многие не любят резкие изменение. Привыкайте, что я вам могу сказать )
0
#
2012-11-03 14:42:58
прост при листании смотреть в левый бок экрана не комильфо , хочется по центру, хотя может привычка

А сложно сделать превьюху интерактивную такой дизы?
0
#
2012-11-03 14:44:14
Это привычка, и тут это не обсуждается.

В смысле интерактивную?
2
#
2012-11-03 14:50:03
кусок сайта загруженный в сеть с обрезанным функционалом , типо демо версия, чтоб посмотреть в живую в браузере
0
#
2012-11-03 14:50:52
А, в этом смысле, да, сделаю сегодня. Тогда поймёшь что я имею ввиду, так будет по всему сайту.
0
#
2012-11-03 14:52:33
Вот и славненько
0
#
2012-11-03 15:12:37
Насчёт вариантов, ответ ниже.
1
#
2012-11-03 14:57:34
Для тех, кому нравится тёмный фон, я думаю, можно будет сделать переключалку. Сразу забыл сказать ещё об одной мысли, будет полно-экранный режим, где будет лишь скриншот, название игры, автор и стрелочки.

1.0.2 Black
1
#
2012-11-03 15:01:02
Интересно что будет с панорамными скринами
1
#
2012-11-03 15:06:46
Под скрином будут кнопочки: Полно-экранный режим и Режим панорамы. Естественно они будут нарисованы пиктограммками, а не текстом. Кнопка панорамного режима будет появляться по надобности, как сейчас. Сейчас дорисую всё.

В полно-экранном режиме скрин будет занимать почти всю область экрана в разумных приделах, нужно найти золотую середину размера и "веса" скриншота. Думаю 1280 по большой стороне будет ок, либо 1600 но с 80% сжатия.

Панорамный режим, по своему виду, будет схож с полно-экранным, с одним отличием. Скриншот в панорамном режиме загружается в оригинальном размере и будет тягаться так же как сейчас. Добавятся скрываемые полосы прокрутки, стилизированные в минималистическм стиле, чтобы было удобно ориентироваться. В большем случае они нужны для новых пользователей, чтобы те понимали, что у них на экране происходит.

Превью для панорамы не будет узким, как сейчас. Оно будет обрезаться по пропорциям 16:9. Так будет гораздо удобнее, и будет меньше скачков на странице. Просто в текущем виде наблюдать узенькую полосочку не очень ок.
0
#
2012-11-03 16:45:09
Почищенная версия.

1.0.3

Думаю стоит в редакторе упразднить некоторые кнопочки тегов, и вынести их в выпадающие менюшку. Такие теги, как "перечёркнутый" и "аббревиатура".
1
#
2012-11-03 17:03:27
выпадающие меню типа слайда вправо от лупы

Стрелочка нажаль и ракрылься в сторане допольнительна кнобка полосачка рядоме со значкоме лупочка!
1
#
2012-11-03 17:04:46
Да-да, это ещё круче! Только не при нажатии, а при наведении.
1
#
2012-11-03 17:05:33
Грандиозно! мсье!
0
#
2012-11-03 17:11:50
Лично я согласен С Bandit'ом что боковая панелька лишняя, тоже не люблю кучу разной инфы на странице, имхо лучше минимализм, а то от некоторых страниц в интернетах у меня вообще мозг взрывается от обилия инфы и мелких картинок, те же Яндекс фотки не люблю, слишком много лишнего там. Я за то чтобы как минимум сделать возможность прятать буковую панель, а как максимум, отдельная тема оформления, но это конечно я неверно очень много хочу. Ещё очень бы хотелось полностью тёмное оформление без белого цвета, с серым шрифтом, что то на подобии цветовой схемы ame dark в 3D Max. И ещё на счет боковой панели, можно сделать перестройку страницы как на Youtube когда боковая панель просто уходит вниз.
0
#
2012-11-03 18:26:23
В принципе прикрутить по умолчанию любой вид в настройке профиля бы!
0
#
2012-11-03 18:32:56
Потом поддерживать всю эту кашу сложно.
0
#
2012-11-03 18:33:35
Тёмный фон будет в полноэкранном режиме. Возможно будет переключалка вида как в ютубе в виде компромисса.
7
#
2012-11-03 18:55:44
А я вообще за то, чтобы оставить действующий дизайн. Не надо ничего менять. Все збс.
2
#
2012-11-03 22:58:16
Абсолютно согласен с этим персонажем.
2
#
2012-11-04 11:05:03
А я считаю что нужно вернуть стену!!! а то этот микроблог никуда не годится!
1
#
2012-11-04 15:39:47
Думаю стоит переделать дизайн в стиле metroUI. Но представленный дизайн тоже очень достойный. В боковую панель будет очень удобно добавлять витжеты.
1
#
2012-11-04 15:41:19
Я думал о метро ЮИ, но решил, чтобы сделать действительно понятно, нужно попотеть. Да и в формате сайта я не представляю себе его. В боковая панель просто спасение для разного рода инфы. Например на странице альбома туда можно поместить инфу о альбоме, а слева будут скрины.
0
#
2012-11-05 11:10:35
Не портите скрим! Оставьте все как есть!


Единсвтенное, что надо сделать:
1) сделать скрины в шапке сайта кликабельными
2)сделать надпись "Ответы на форуме" кликабельной
3)сделать меня кликабельным модератором
4)разрешить загружать скрины, весом более 5 метров.
3
#
2012-11-05 13:53:03
У меня темы на форуме долго грузятся, особенно темы, где есть видео и картинки. При этом бывает так, что прогружается неверная страница (например, щёлкнул 5-ую, а вместо неё загрузился конец первой страницы и начало второй). В процессе всего этого браузер зависает (FF v16.02, да и на предыдущих версиях тоже самое было). В общем, пренеприятно порой бывает на форум заходить из-за этого...

З.Ы. Возможно, не туда написал, но мне лень грузить другие страницы, ибо порой хрен найдёшь нужную тему на форуме. Это я так, решил вывалить всё, раз завели такой разговор))
0
#
2012-11-05 13:54:00
Это всё из-за видео. В новой версии оно будет грузиться по клику на само видео.
ПС. Такие сообщения нужно в тему багов писать.
2
#
2012-11-27 19:49:42
Просто эксперимент
1
#
2012-11-27 20:44:56
Цветовая гамма мне нравится)
1
#
2012-11-27 21:40:03
пахнет контактом и свиттером. Голубой, вырви глаз.( а белый шрифт на таком цвете очень больно смотрится) Я бы сделал либо серым либо взял бы противоположный цвет из таблицы совместимости и понизил его опасность(опасити)). Салатовый гуд, несмотря на то что тоже вырви глаз, но он смотрится норм так как его тут 5% и он выделяет нужные области. А вообще реальне добавить для юзеров возможность своих конфигов ( именно в плане выбора цвета?)


p.s все остальное очень гуд. Просто, лаконично,современно!

Еще прошу заглянуть сюда. Полезная вещЪ http://colorschemedesigner.com/
0
#
2012-11-27 22:45:56
Кастомизация ещё до добра никогда не доводила. Но я шёл с работы и думал структуру вёрстки, которая позволит делать цветовые изменения очень легко. А там какой-то колоразер можно будет сделать как плагин для браузера )
1
#
2012-11-27 22:42:21
Альтернатива 2.

Убран голубой с топ-меню, салатовый заменён на бледно-фисташковый, белый на серый.
0
#
2012-11-28 00:49:56
збсь
0
#
2012-11-28 03:26:56
Перерисовал страницу скриншота в новой гамме. Блок комментариев нужно переделать, на белом фоне сделать и тд.
Страница скриншота
0
#
2012-11-28 09:43:57
Предлагаю начать разработку расширения для Opera, Firefox и Chrome, которое будет автоматически разворачивать скриншот и убирать боковую панель. Название ExtendSider :D
0
#
2012-11-28 16:13:49
Сделаю кнопку, которая будет расширять скриншот до конца, а правый блок переносить и ставить справа от комментов.
1
#
2012-11-28 16:24:24
блок комментариев можно немного "подсветить" фоном или окантовкой. Сейчас они читаются очень хорошо. Не стоит делать на белом фоне!
1
#
2012-11-28 16:29:43
Возможно да. Но сейчас я иду протоптанной дорогой и используя весь чужой опыт, а он говорит, что белый шрифт на чёрном фоне очень плохо влияет на глаза. Почему в 80-90 почти все, кто работал за компом имели плохое зрение? - потому что какой-то долбоёб придумал писать зелёным шрифтом на чёрном фоне.

Если не делать чёрный текст на светлом фоне, тогда, хорошо фон немного подсветить, как ты и предлагаешь.
0
#
2012-11-28 16:42:57
Ещё момент, будет два скина сайта, светлый и тёмный. Ночью тёмный приятнее смотреть, а днём светлый.
0
#
2012-12-11 17:53:18
Будте лапочками расширьте окно пээмок а то как буто сматришь в телескоп через трубу хотя место позволяет слайсить вниз всё без окна в два карата три брильянта в мелком окне в центре фуге!
0
#
2012-12-11 17:54:51
А теперь по нашему )
4
#
2012-12-11 18:01:23
Переробити вікно діалогів в особистих повідомленнях, так як воно маленьке і доводиться жати праворуч вечо смужку, це схоже на нераціональне використання місця, можна було б панелі відповіді вгору піхнуть і гортати історію повідомлень вниз, не розглядаючи через мікроскоп у віконці в центрі екрану.
1
#
2012-12-11 18:06:53
Не заставляй меня пользоваться переводчиком )))
1
#
2012-12-11 18:09:31
Я думал вы на нём спокойно лабаете O_^

Ладушки сделаю это

Переделать окно диалогов в личных сообщениях, так как оно маленькое и приходится жать справа вечно полоску, это похоже на нерациональное использование места, можно было бы панели ответа вверх пихнуть и листать историю сообщений вниз, не рассматривая в микроскоп в окошке в центре экрана.
1
#
2012-12-11 18:11:18
У нас русско-говорящий регион, да к тому же уже отвык после школы )
[hr]
Согласен со всеми аргументами. Весь текущий скрим, это не рациональное использование места ) В новом дизайне сайт будет резиновым, так что окно будет заниматься много места. Скролла на окне не будет, будет общий скролл, должно быть збсь.
2
#
2012-12-11 18:12:57
Вот и прелестненько, чмоке , сладенький! :D
2
#
2012-12-11 19:32:56
0
#
2012-12-26 16:25:10
Ололо, кого то это мне напоминает
0
#
2012-12-26 17:07:45
Не напоминает чтоли? не ну приглядитесь!
3
#
2012-12-26 17:24:59
5
#
2013-01-09 19:48:10
Психанул :D Картинки на заднем фоне - лучший скриншот месяца с этого альбома.

1.3.0
1
#
2013-01-10 17:29:39
Ради такого я вернусь к вам :D
P.S. Segoe решает.
0
#
2013-01-10 17:33:29
Значит я удачно психанул )
0
#
2013-01-10 17:36:00
А кнопка "Купить" будет вести на магазинчик скрима с блэкджеком и шапками?
0
#
2013-01-10 17:40:21
Я думаю можно будет заморячиться. Хотя я просто планировал туда помещать ссылки на стим \ ориджин \ озон \ плати ру. Нужно как в кинобазе, сделать табу Скачать, и пихнуть туда ссылки на торренты.
0
#
2013-01-10 17:50:43
Ой да никто этим не будет заниматься. Стоит попросить создать альбом и все начинают вонять и разрастается срач на 2 страницы. Представляю что будет, когда придётся заливать помимо этого все магазины, обзоры, трейлеры и торренты.
0
#
2013-01-10 17:51:47
Обзоры будут писать сами юзеры. Магазин - ссылки автоматически будут находиться, всё просто.
3
#
2013-01-10 17:54:01
Ну кстати обзоры, если они буду реализованы как в Стиме, неплохая альтернатива традиционному комменту автора под одним из скринов.
1
#
2013-01-10 17:54:55
Вот именно, что часто юзеры хотят оставить отзыв не скрину а всей игре.
0
#
2013-01-10 18:38:35
Я первый в очереди. В формате видео если что)
2
#
2013-01-10 23:42:50
Да Да Да эту тему надо развивать у нас!
0
#
2016-02-04 02:36:10
Опрос:
Длинная тень - http://screencloud.net/v/8Vn0 (как сейчас)
Короткая тень - http://screencloud.net/v/F9Dd
0
#
2016-02-04 11:27:56
Короткая
0
#
2016-02-04 21:08:52
А мне длинная больше нравится.
Only logged users can leave comments