search

hurtom / toloka

Створення нової Толоки
https://gitter.im/hurtom/toloka
MIT License
57 stars 20 forks source link

Розробити дизайн UI на чистому Semantic UI #2

Open konfuciusu opened 7 years ago

konfuciusu commented 7 years ago

Дошка Conceptboard по обговоренню дизайну, щодо прикладів - наприклад цей коментар.

Gist поточного ескізу лого

Kobzar09 commented 7 years ago

@yukoff сорі, оновив посилання вище

chief-j commented 7 years ago

Я користуюся фреймворком для Матеріал стилю http://materializecss.com @konfuciusu, будь ласка, дайте трішки більше інформації, яким ви хочете бачити форум

yukoff commented 7 years ago

Об'єднавши думки з цього та цього коментарів зробив ескіз, аби передати ідею - ось дошка у Conceptboard

Kobzar09 commented 7 years ago

@yukoff доволі непогано, однак над кольоровою гамою потрібно попрацювати, додати легкий відтінок зеленого на фон наприклад.

Ще хотів би додати на Толоку таку функцію, як швидкісні роздачі. Це б дуже полегшило користування сайтом під час пошуку контенту. Наприклад, якщо на роздачі стоїть від 5-7 сідів, вона вважається швидкісною і реально за годинку, дві можна завантажити повністю реліз незаленжно від контенту.

І повільні роздачі на яких стоїть 1-4 користувача. Можна в реальному часі відстежувати швидкість роздачі більш оперативно?

І звісно в пошуку ділити роздачі на швидкісні та повільні:

yukoff commented 7 years ago

@chief-j

Повірте, сітки і близько не однакові. Сітка bootstrap набагато практичніша

Без аргументів якось не переконливо. Особисто в мене абсолютно зворотнє враження.

Якщо вже аналізувати, то:

P.S. Щодо цього коментаря - тут наче мова йде про SUI та/або BS, і тема відповідно називається 😆

yukoff commented 7 years ago

@Kobzar09

однак над кольоровою гамою потрібно попрацювати, додати легкий відтінок зеленого на фон наприклад.

Я тому й використовував переважно стандартні кольори SUI та сірі півтони, поки це питання відкрите. Взагалі мені тут спало на думку, що кольори можна динамічно змінювати в залежності від зображення на сторінці (canvas), але це на майбутнє.

Ще хотів би додати на Толоку таку функцію, як швидкісні роздачі.

Приблизно зрозумів, але ж швидкість залежить не тільки від кількості пірів, а ще й від того, хто з якою швидкістю може віддавати. У будь-якому разі це більше схоже на FR (feature request) і точно не стосується поточної задачі 😉 - давайте не будемо все валити до купи. Записав у зворотній зв'язок, ну або створи нову задачу тут.

chief-j commented 7 years ago

@yukoff Гаразд. Нехай буде по твоєму. Сітки абсолютно взаємозамінні

yukoff commented 7 years ago

@chief-j

У BS це записується так

Тут, здається, чогось не вистачає 😉

Немає відступу контейнерів (offset), доводиться ставити порожню колонку

Наскільки я пам'ятаю, це як раз у BS їх немає (а щоб забезпечити padding доведеться ще в кожному елементі сітки робити вкладений об'єкт), натомість в документації SUI бачимо таке про gutters:

Grid columns are separated by areas of white space referred to as "gutters". Gutters improve legibility by providing, negative space between page elements.

Gutters remain a constant size regardless of the width of the grid, or how many columns are in a row. To increase the size of gutters in a particular grid, you can use a relaxed grid variation.

Тобто аж два варіанти відступів.

Колонки можна центрувати тільки по центру, у BS - Ліво/право/центр т.д..

ORLY? 😉 Ми точно про один і той самий SUI говоримо? 😄

https://semantic-ui.com/collections/grid.html#centered https://semantic-ui.com/collections/grid.html#floated https://semantic-ui.com/collections/grid.html#text-alignment https://semantic-ui.com/collections/grid.html#vertical-alignment etc

Дуже сподобалася шапка але над оформленням контенту требаще попрацювати

Дякую, але це всього лише ескіз, щоб передати ідею(ї) - там і над шапкою теж тре ще попрацювати. І це тільки одне представлення 😉 Ще головна, список тем і т.д.

yukoff commented 7 years ago

@chief-j

Нехай буде по твоєму. Сітки абсолютно взаємо замінні

Я щось не допетрав до чого це... Мені, власне, не треба, щоб було "по-моєму" - я зірок з неба не ловлю, і корона мені не тисне (бо ж нема) 😆 Жарти - жартами, а от щодо взаємозамінності - це точно. Як там кажуть: на колір і смак - всі фломастери різні )))

chief-j commented 7 years ago

Дякую, але це всього лише ескіз, щоб передати ідею(ї) - там і над шапкою теж тре ще попрацювати. І це тільки одне представлення :wink: Ще головна, список тем і т.д.

Я вловив ідею і зможу повторити на html Зрозумію, як корисуватися github.io і там викладу зразок, якщо треба

chief-j commented 7 years ago

Я щось не допетрав до чого це... Мені, власне, не треба, щоб було "по-моєму" - я зірок з неба не ловлю, і корона мені не тисне (бо ж нема) :laughing: Жарти - жартами, а от щодо взаємозамінності - це точно. Як там кажуть: на колір і смак - всі фломастери різні )))

Ті пости про сітки були настільки давно, що аж не пам'ятаю. Я не дискусійний

yukoff commented 7 years ago

До речі, а vasilich__twitter - це хто тут? В плані нік тут та в ґіттері - бо може він пише/писав щось, а ми й не знаємо 😉

yukoff commented 7 years ago

Поточний ескіз лого у gist

yukoff commented 6 years ago

Я ж так розумію, на Semantic UI зупинились?

chief-j commented 6 years ago

Цього я не знаю. Щойно подивився, boostrap 4 beta вийшов

yukoff commented 6 years ago

Знаю, бачив. Але, як на мене - то основна відмінність, це спрощення деяких стилів, скидання типового набору шрифтів до системного, викидання іконок (так, тому він такий малий) та перехід на SCSS.