Тематика [app / au / bi / biz / bo / c / em / ew / fa / fiz / fl / ftb / gd / hh / hi / hw / me / mg / mlp / mo / mu / ne / pvc / ph / po / pr / psy / ra / re / s / sf / sci / sn / sp / spc / t / tr / tv / un / w / web / wh / wm]   Творчество [di / de / diy / dom / f / izd / mus / o / pa / p / wp / td]    Игры [bg /cg /gb / mc / mmo / tes / vg / wr]   Японская культура [a / aa / fd / ja / ma / rm / to / vn]   Разное [d / b / fag / soc / r / cp / abu / @ / int / mdk]   Взрослым [fg / fur / g / ga / h / ho / ls / per / sex]   Пробное [gif / mov]
Доски:  
Настройки   Главная

[Скрыть/показать форму]


В связи с ЕБЛАЙНовской блокировкой актуальны зеркала борды: 2ch.hk, 2ch.pm, 2ch.re, 2ch.tf, ch.wf, 2ch.yt, 2-ch.so, 2-ch.ru!
Сетки Аноним  Втр 24 Июл 2012 00:16:48 №19883    
1343074608733.jpg (103Кб, 1067x667Показана уменьшенная копия, оригинал по клику.
103

Привет,

Внезапно всплыло несколько вопросов по сеткам:
1) почему нельзя иметь сетку из ~400 колонок (например, в случае ширины в 960 пикс.)? Это просто неудобно или что? Тут же вопрос: почему популярные сетки - это 4/8/12/16/24 колонок?
2) Почему колонки сеток имеют одинаковую ширину? Тут же: ведь можно построить сетку таким образом, чтобы колонки были разными? Что в таком подходе хорошего/плохого?

Спасибо!

 Аноним  Втр 24 Июл 2012 00:17:32 19884 

>>19883

Забыл добавить, это все применительно к интернету.

 Аноним  Втр 24 Июл 2012 00:40:05 19885 
1343076005139.jpg (16Кб, 200x186Показана уменьшенная копия, оригинал по клику.
16

>>19883

Вов, ты?

 Аноним  Втр 24 Июл 2012 00:54:37 19886 

>>19883

И еще добавлю к 2): могут ли промежутки [между колонками] быть разной ширины?

 Аноним  Втр 24 Июл 2012 01:45:02 19887 
1343079902474.jpg (34Кб, 500x500Показана уменьшенная копия, оригинал по клику.
34

>>19883
Наркоман чтоле?

 Аноним  Втр 24 Июл 2012 03:43:31 19889 

>>19887

Да ладно тебе, поясни лучше, пожалуйста.

 Аноним  Втр 24 Июл 2012 12:05:16 19891 

Ширина колонки задает графический ритм

 Аноним  Втр 24 Июл 2012 12:27:24 19892 
1343118444913.jpg (127Кб, 500x707Показана уменьшенная копия, оригинал по клику.
127

>>19883
А ты сам подумай, если ты хочешь всё разной ширины, нахера тебе вообще сетка? Смысл сетки в том, что ширины элементов в ней находятся в пропорциональном отношении друг к другу. Пропорция + гармония = лёгкость восприятия.

 Аноним  Втр 24 Июл 2012 14:22:08 19894 

>>19889
Ок.

>почему нельзя иметь сетку из ~400 колонок (например, в случае ширины в 960 пикс.)? Это просто неудобно или что?
Тогда каждая колонка будет ровна 960\400 = 2,4 пикселя, что бессмысленно по своей сути, для таких целей в фотошопе есть своя сетка, по ней ещё привязка snap работает.

>почему популярные сетки - это 4/8/12/16/24 колонок?
Тут не помню, вроде бы с подсчетами легче.

>Почему колонки сеток имеют одинаковую ширину?
Это и есть ритм, такая фича упрощает восприятие.

>ведь можно построить сетку таким образом, чтобы колонки были разными? Что в таком подходе хорошего/плохого? Допустим ты так сделаешь, после тебе понадобится по центру
разместить что-нибудь, придется ломать глаза. Сетки придумали в те времена когда не было кнопки Align by Center и прочего, чтобы упростить работу.

Колоны можно объединять друг с другом и тогда они будут разными, но ритм с интервалами останется.

 Аноним  Втр 24 Июл 2012 14:24:13 19895 

>>19894
С разметкой обосрался, ну ты понел.

 Аноним  Втр 24 Июл 2012 15:53:49 19896 

>>19892>>19894

Спасибо, ребят. Насчет этого:
>Тогда каждая колонка будет ровна 960\400 = 2,4 пикселя, что бессмысленно по своей сути, для таких целей в фотошопе есть своя сетка, по ней ещё привязка snap работает.
Я имел ввиду точные значения, то есть, не знаю, ширина в 960, 480 колонок с шириной в 1 пиксель и промежутками в 1 пиксель — почему так нельзя?

 Аноним  Срд 25 Июл 2012 00:53:24 19899 

>>19896
>то есть, не знаю, ширина в 960, 480 колонок с шириной в 1 пиксель и промежутками в 1 пиксель — почему так нельзя?
Но зачем?? В чем смысл?
Чем больше колонок, тем больше разных блоков ты можешь построить в заданной системе. На кой ляд тебе колонка в один пиксель и следовательно возможность разбить несколько тысяч недееспособных блоковых комбинаций (потому что нахуй кому сдался модуль в три пикселя шириной например) в одном макете, я в душе не ебу. Нет, серьезно, это самый дурацкий вопрос за последнее время, что я слышал.

 Аноним  Срд 25 Июл 2012 02:33:38 19901 

>>19899

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

Я не очень еще понимаю, как строить вертикальную сетку, чтобы получить определенный типографический ритм, можете что-нибудь подсказать, что почитать? Было бы здорово статьи какие-нибудь с сжатой информацией, а то срочно, при этом не хочется облажаться.

 Аноним  Чтв 26 Июл 2012 11:21:22 19928 

>>19901
мой способ таков:
выбираешь кегль для основного текста, умножаешь на 1,5, получил интерлиньяж. и расчерчиваешь макет полосками шириной равной интерлиньяжу.

А фак треде уже обсуждалось использование вертикального ритма, на примере яндекс.денег

 Аноним  Чтв 26 Июл 2012 12:44:52 19931 

>>19901
Вертикальный ритм имеет больший смысл в печатной типографике, в вебе это обычно анал, который не стоит свеч. Потому что для задания ритма нужно точно знать размеры блоков, а контент обычно "живой", постоянно меняющийся. То есть, расчитаешь ты все под тексты, а потом появится картинка, которая в размеры ни туда, ни сюда. Можно конечно и размеры картинок под это дело подгонять, но как уже говорил выше, это больше мартышкин труд. Особенно если на сайте контент не статичный, и например, пополняется пользователями.

 Аноним  Чтв 26 Июл 2012 14:14:26 19936 

>>19928>>19931

Спасибо же!

 Аноним  Чтв 26 Июл 2012 14:56:03 19938 
1343300163537.jpg (15Кб, 210x131Показана уменьшенная копия, оригинал по клику.
15

>>19928

Внезапно появился вопрос: я смотрел примеры вертикальной сетки для ритма, как по ней располагать текст, — вертикально по центру внутри строки или прямо на строке (см. пикрелейтед)? Или без разницы?

 Аноним  Чтв 26 Июл 2012 15:05:35 19939 
1343300735491.jpg (25Кб, 300x360Показана уменьшенная копия, оригинал по клику.
25

>>19928
>выбираешь кегль для основного текста, умножаешь на 1,5, получил интерлиньяж. и расчерчиваешь макет полосками шириной равной интерлиньяжу

 Аноним  Птн 27 Июл 2012 05:20:30 19948 

сетка это ПРАВИЛО размещения информации. если бы ее не было, дизайнеру пришлось бы напрягать мозг. а мозг не любит напрягаться, он хочет чтобы все было систематизировано, чтобы на все были готовые решения.
ритм и прочая ерунда - простые обоснования целесообразности использования сетки, самоуспокоение короче.

 Аноним  Птн 27 Июл 2012 05:21:39 19949 

подмена понятий "я хочу использовать сетку" на "мне НУЖНО использовать сетку"

 Аноним  Птн 27 Июл 2012 08:24:26 19950 
1343363066984.jpg (99Кб, 494x700Показана уменьшенная копия, оригинал по клику.
99

>>19948
>>19949
Согласен, но бывает зависит от продукта. Например, надо сделать единый стиль оформления обложек для одной серии книг, для этого лучше создать свою сетку, по которой потом могут ориентироваться все, кто будет делать эти обложки. А на сайтиках, визиточках если без сетки, то хотя бы выравнивание нормальное надо делать и всё будет охуенно.

 Аноним  Птн 27 Июл 2012 17:26:57 19954 

>>19883
>1) почему нельзя иметь сетку из ~400 колонок (например, в случае ширины в 960 пикс.)? Это просто неудобно или что? Тут же вопрос: почему популярные сетки - это 4/8/12/16/24 колонок?
Потому-что - это будет тоже самое, что и работать без сетки. Чем четче ты спланируешь дизайн и сетку - тем меньше колонок = легче работать.

>2) Почему колонки сеток имеют одинаковую ширину?
Не всегда. Первый год я только так и делал, сейчас настраиваю сетку под дизайн. Например: есть сетка из 5 колонок под блог, 3 колонки на контент, 2 колонки на сайдбар, гутер 30 пикселей. Но 30 пикселей мало, чтобы отделить сайдбар от контента, поэтому увеличиваем его до 60, например в сайдбар должен быть 300px шириной под баннеры, то берем и увеличиваем - или уменьшаем колонки, но гутер оставляем в 30px, все, дальше рисуем все страницы по этой сетке.

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

Сетки - не панацея, а помощник, не более.

 Аноним  Суб 28 Июл 2012 04:27:44 19961 

>>19954

Спасибо.

 Аноним  Пнд 06 Авг 2012 18:26:48 20152 

http://habrahabr.ru/post/147114/

 Аноним  Пнд 06 Авг 2012 19:24:30 20155 

>>20152

>Основное правило дизайна по сетке – любой элемент дизайна должен занимать целое число юнитов, т.е. все элементы дизайна должны начинаться началом юнита и заканчиваться концом юнита.
>все элементы дизайна

Вся суть хабропараши, написать о том, в чем ничего не понимаешь.

 Аноним  Пнд 06 Авг 2012 20:56:59 20158 

>>20155
Поддвачну.

 Аноним  Втр 07 Авг 2012 15:17:17 20178 

>>20155
яннп, поясни

мимокун

 Аноним  Втр 07 Авг 2012 16:57:57 20181 
1344344277840.png (117Кб, 598x600Показана уменьшенная копия, оригинал по клику.
117

>>20178

Пошел на хуй.

 Аноним  Втр 07 Авг 2012 19:14:01 20189 

>>20181
Снес хуиту
@
Посылай всех

 Аноним  Втр 07 Авг 2012 21:25:55 20200 

>>20189

Ну, а что тебе еще было сказать? Чтобы ты пошел почитать книжку про сетки, а не бестолкового говноеда с хабропараши?

 Аноним  Срд 08 Авг 2012 11:01:52 20229 

>>20200
Начальник! Этот пидорас обосрался!

 Аноним  Срд 08 Авг 2012 14:29:36 20237 

>>20229
Откуда вы лезете, господа?

 Аноним  Срд 08 Авг 2012 15:50:21 20244 
1344426621214.jpg (18Кб, 297x275Показана уменьшенная копия, оригинал по клику.
18

>>20229

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

[Обновить тред][Назад][Вверх]

[Скрыть/показать форму]



Тематика [app / au / bi / biz / bo / c / em / ew / fa / fiz / fl / ftb / gd / hh / hi / hw / me / mg / mlp / mo / mu / ne / pvc / ph / po / pr / psy / ra / re / s / sf / sci / sn / sp / spc / t / tr / tv / un / w / web / wh / wm]   Творчество [di / de / diy / dom / f / izd / mus / o / pa / p / wp / td]    Игры [bg /cg /gb / mc / mmo / tes / vg / wr]   Японская культура [a / aa / fd / ja / ma / rm / to / vn]   Разное [d / b / fag / soc / r / cp / abu / @ / int / mdk]   Взрослым [fg / fur / g / ga / h / ho / ls / per / sex]   Пробное [gif / mov]