- Visits: 0
- Accès: 0
Індіана Джонс: Щоденна планерка - Липень 2015
Світ:
Спецтема:
Table des matières
- 0.0.1. Перший варіант
- 0.0.2. Другий варіант
- 0.0.3. Третій варіант
- 0.0.4. Коментарі
Основне завдання зараз - створення нового дизайну, адаптованого під мобільні пристрої. За зразок була взята ідея Матеріального Дизайну що була розроблена Гуглом для своїх сервісів, і яка відповідає концепції адаптивного дизайну.
Адаптивний веб-дизайн (англ. Responsive web design) — дизайн веб-сторінок, що забезпечує відображення сайту на різних пристроях, підключених до інтернету. Метою адаптивного веб-дизайну є універсальність веб-сайту для різних пристроїв. Для того, щоб веб-сайт було зручно переглядати з пристроїв різних роздільних здатностей та форматів, за технологією адаптивного веб-дизайну не потрібно створювати окремі версії веб-сайту для окремих видів пристроїв. Один сайт може працювати на смартфоні, планшеті, ноутбуці та телевізорі з виходом в інтернет, тобто на всьому спектрі пристроїв
Окрім самого дизайну, зміниться і структура розділів "Народного Оглядача", з якою схематично можна ознайомитися в Трелло тут.
Праця над впровадженням нового дизайну проходить поетапно. Поточний етап пов'язаний з розділом Газета. Після того як закінчу з навігацією, будуть скріншоти.
оновлено 27.07.2015
Перший варіант
Це скріншоти розділу - Газета. Один із чорнових варіантів оформлення.
На скріншотах можна побачити, що в залежності від ширини екрану пристрою, змінюється кількість стобвців та ширина карток з анонсами статей. У всіх інших варіантах поведінка карток така ж сама, відмінність є в розташуванні вертикального меню, та оформленні верхньої частини сайту.
Другий варіант
Відрізняється від першого варіанту тим, що змінилося тло сайту, і додалося зображення у "хедер".
Третій варіант
Третій варіант. Вертикальна навігація зафіксована к до правого краю браузера, працюватиме у кінцевому варіанті приблизно як тут
оновлено 27.07.2015
Коментарі
Ось так зараз виглядають коментарі. Звісно замість зірок будуть гали, ну і ще дрібні виправлення.
Далі буде...
Зверніть увагу
Кращий коментар
Так. Поки перший тест буде на тестовому сервері, потім можливо тут буде додана кнопка для перемикання дизайнів, для тестування. Де буде спочатку тільки один працюючий розділ Газета
Думаю на вихідних вже будуть гарні скріншоти, вже не тестової збірки. Та опитування з варіантами як краще доробити
Commentaires
Чудово! Як так розумію, що окрім теперішнього інтерфейсу водночас буде ще й адаптивний?
Освячуйся! Озброюйся! Плодися!
Так. Поки перший тест буде на тестовому сервері, потім можливо тут буде додана кнопка для перемикання дизайнів, для тестування. Де буде спочатку тільки один працюючий розділ Газета
Думаю на вихідних вже будуть гарні скріншоти, вже не тестової збірки. Та опитування з варіантами як краще доробити
Це гарна новина, Індіано!
1)Бо, на маленьких екранах (нетбук, наприклад) досить не зручно, коли третину екрану кожної відкритої сторінки займає "шапка" сайту.
2)Як раз на цій стадії (розробки) зручно і гарно було б запровадити кольори Прапору еконаціоналізму в оновленій "шапці".
"Є десь, у якійсь далекій землі, таке дерево, що шумить верховіттям у самому небі, і Бог сходить ним на землю вночі..." (М. В. Гоголь)
Як покажу скріншоти, кожен може спробувати через графічний редактор змінити кольорову схему, можливо щось і вийде.
Сам учора спробував, не дуже сподобалось
Учора та сьогодні.
1. Дивився що нового є у шрифтах з іконками, порівнював
2. Тестував різноманітні варіанти вертикальної навігації, декілька варіантів обрав, Завтра буду дивитися як вони працюватимуть на сайті та як виглядатимуть на мобільних пристроях/
3. Ближче познайомився з форматом schema.org, він допомагає пошуковикам краще индексувати та працювати з сторінками сайту. Окрім того браузери Firefox та Edge(!!!) мають невелику підтримку цього формату
Понеділок - Вівторок.
1. Почав збирати оновлення
2. Продовжую працю над мобільним інтерфейсом та розділом газета.
На середу планую зосередитися над сторінками статей, та вирішити проблему з кнопками, поділитися у соціальних мережах. Де була помилка з описом статті, та світлинами
Радіймо! Сьогодні у статтю зверху, додав скріншоти першого варіанту сторінки Газета. За кілька годин покажу ще два варіанти цього розділу.
Хотілось би почути від вас думки якій варіант виглядатиме краще та цікавіше. також питання та пропозиції
1. Треба замінити лазуровий колір тла заголовків на наш стандартний.
2. Колір заголовків статей зробити як на НО і дати трохи більшим розміром.
3. Імена авторів зробити як на НО.
4. Розділи "Медіа" і "Форум" не передбачені тех. завданням. Аудіо і відео бажано розділити. Форум ми зараз взагалі не використовуємо, тож посилання на нього можна дати десь у Пошуку чи Довідці.
Освячуйся! Озброюйся! Плодися!
1. Уточнюю, це не заголовки, а фільтри та сортування.
2 та 3. Зрозумів
4. Це пусті посилання просто для прикладу. працює тільки Газета
Додав у статтю ще два варіанти. Розрізняються вертикальною навігацією та тлом сайту.
Другий варіант кращий. Фільтрами мало хто користується - їх можна прибрати або десь сховати.
Освячуйся! Озброюйся! Плодися!
а Google Nexus Menu не подобається з останнього варіанту?
там є великий плюс, що можна додавати підпункти
Це треба поглянути на прикладі НО.
Освячуйся! Озброюйся! Плодися!
Для цього потрібен час щоб його інтегрувати. Можливо у п'ятницю це зроблю
У статтю додав скріншоти з коментарями.
Добре. Тільки лазуровий колір треба змінити на наш синій.
Освячуйся! Озброюйся! Плодися!
Все буде. Але дрібниці з'їдають 80% часу :(