Re: Новий дизайн мого сайту
Можна один два зразки посилань вказати, який сайт був доречний?
Ось доречний сайт http://example.com/, порівняйте візуально з ним свій
Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → Дизайн та графіка → Новий дизайн мого сайту
Для відправлення відповіді ви повинні увійти або зареєструватися
Можна один два зразки посилань вказати, який сайт був доречний?
Ось доречний сайт http://example.com/, порівняйте візуально з ним свій
Можна один два зразки посилань вказати, який сайт був доречний?
Ось доречний сайт http://example.com/, порівняйте візуально з ним свій
а лінк робочий?
Гаразд візьмемо останню статтю що я розглядав, та проаналізуємо кольорову гамму;
Остання стаття - Conversation about website тут скажу фон білий, (хоча можна відтінок білого зробити)
h1 - синій, h2-зелений, h3-коричневий fon-weight: стандартний, не більше не менше - така кольорова гама заголовків мені подобається;▼Прихований текст
в тому й справа, що якраз така кольорова гама заголовків збиває з пантелику, бо від всієї цієї кольоровості рябить в очах. от візьміть цей скріншот, відкрийте в якомусь пейнті, зробіть його чорно-білим і побачите, що заголовки приблизно однаково сірі, а проти тексту так взагалі тусклі - вони ж не читаютьтся зовсім!
і ні щоб вони хоча б в одному проміжу спектру знаходились, але ж кольори розкидані так, що зовсім не взаємодіють між собою
та навіть якби вони всі були однаково чорними, це б виглядало більш приємніше, ніж те що зараз
ви б ще й кожне слово виділяли різним кольором, їй-богу
відтінок білого
а-ну назвіть мені хоча б один відтінок білого, а то аж цікаво стало
Дещо погрався з дизайном, сьогоднішня версія виглядає ось так, кому цікаво
Потім протестував на оптимізацію до мобільних пристроїв, google.com/webmasters/tools/mobile-friendly та ще спробував тут varvy.com/mobile/...
На жаль, мій шаблон не пройшов оптимізацію....
Якщо враховувати, що наразі я реалізував слідуючу структуру дизайну сайту:
монітор більше 960пх - фіксована 960пх,
600-960 - "резинова" сторінка,
менше 600 - фіксована та становить 600пх....
то один із моментів мобільні пристрої я так думаю початково показують веб-сторінку вертикально,.. ось наприклад в Google Chrome при F12 перегляд мобільного пристрою (роздільна здатність 384*640) показує ось так ... можливо через це і не проходить мобільна оптимізація??? Варто зробити дизайн, щоб ще й переглядати менше 384пх???
Більше google.com/webmasters/tools/mobile-friendly зауважив, що: 1. Контент ширше екрану та 2. Посилання занадто близько один до одного...
Питання, хто знає:
Якщо вже говорити про розміщення тексту на сторінці, то скільки допускається відступати в пікселях від краю веб-сторінки? 10 пікселів, 20?... Чи можливо це в %, тобто відступи від краю по 1%, чи можливо (звичайно ж ні ) взагалі як у документах зліва 2 см, а зверху, з права, знизу - 5 мм
Що ж тема дизайну веб-сторінок цікава Буду художником душі своєї, хех...
Так пані Cyan, щодо відтінків білого, я не думаю, що дорослому складно здогадатись віддтінок білого може бути різним в залежності яким кольором відттінювати, мені подобається синій та зелений, тому фон може бути білим і якщо ледь-ледь добавити синього по спектру, то буде світлий фон веб-сторінки ледь відтіненний синім,... але думаю Ви й самі легко здогадались
Між іншим, прошу форумчан прокоментувати сьогоднішню версію дизайну
опонентів пані Cyan особливо, жорстокого критика
ви мені відтінок синього показали, а тепер покажіть відтінок білого
ви мені відтінок синього показали, а тепер покажіть відтінок білого
Точка в лівому верхньому куті.
Cyan написав:ви мені відтінок синього показали, а тепер покажіть відтінок білого
Точка в лівому верхньому куті.
так то ж білий (#ffffff), а мені за відтінок білого цікаво
так то ж білий (#ffffff), а мені за відтінок білого цікаво
за це я вже відповів, більше добавити нічого... хіба що воду в ступі товти
Ви краще б за ось ці запитання щось би підказали,....
1. - Якщо вже говорити про розміщення тексту на сторінці, то скільки допускається відступати в пікселях від краю веб-сторінки?
2. - Варто зробити дизайн, щоб ще й переглядати менше 384пх (вертикальне положення сторінки сайту на мобільному із малою роздільною здатністю)???
quez написав:Cyan написав:ви мені відтінок синього показали, а тепер покажіть відтінок білого
Точка в лівому верхньому куті.
так то ж білий (#ffffff), а мені за відтінок білого цікаво
Так само як синій є відтінком синього, білий є відтінком білого.
Між іншим, можливо варто на форумі більш ширше розкрити ось цей момент із статті Основне в дизайні сайтів [Стаття]
В дизайні сітка аналогічна, от тільки між клітинками знаходиться додатковий простір – мінімально можлива відстань між об’єктами.
Виглядає вона десь так:Є досить цікава формула, яка вираховує проміжок між квадратами:
w — ширина екрану, x — ширина квадрату, а y — ширина проміжку між квадратами
Традиційно робити 12 колонок (+ враховувати місце для скролбара), типу, 12 ділиться на 6, 4, 3, 2 і таким чином цю кількість колонок найзручніше розподілити.
справа в тому, що наразі мені варто дещо скорегувати відступи,так як на моєму сайті все здорово спроектовано:
За рекомендаціями www.google.com/webmasters/tools/mobile-usability пан Анатолій спроектував:
Проблеми із зручністю перегляду Сторінки на яких проблеми
1 Не налаштована область перегляду 109
2 Маленький розмір шрифту 109
3 Інтерактивні елементи розташовані близько 100
4 Ширина контенту не відповідає області перегляду 43
Знаю, проектант ще той , але пані Cyan сподіваюсь допоможе зробити ідеальний сайт подумаєш переробити всього 100 веб-сторінок дрібниці які.....
Питання, наприклад по сітці, а який відступ дозволяється/рекомендується між блоками/посиланнями/контентом та областю перегляду???
Був би радий, якщо живим прикладом був би мій сайт,... вірніше шаблон головної
1. Скажімо, наприклад, відступи між основними блоками рекомендується 20пх, я так розумію це буде - margin.
2. Питання області перегляду на моніторі чибто весь контент вебсторінки до краю - знову ж скільки мінімально дозволяється, хоча звісно можна не морочитись і взяти скажімо весь контент 80% і margin: 0 auto; - думаю Google/webmaster/tools - ругатись не буде що область не налаштована
3. І що б це значило шрифт маленький? Ну так текст в мене просто в тегові <p>text</p> чи про що він цей Google Advisor
Cyan написав:так то ж білий (#ffffff), а мені за відтінок білого цікаво
за це я вже відповів, більше добавити нічого... хіба що воду в ступі товти
ок, давайте розглянемо вашу відповідь
Так пані Cyan, щодо відтінків білого, я не думаю, що дорослому складно здогадатись віддтінок білого може бути різним в залежності яким кольором відттінювати, мені подобається синій та зелений, тому фон може бути білим і якщо ледь-ледь добавити синього по спектру, то буде світлий фон веб-сторінки ледь відтіненний синім,... але думаю Ви й самі легко здогадались
▼Прихований текст
отже, я не думаю, що дорослому складно здогададить, що властивість білого кольору така, що в нього немає відтінків: немає ні світло-білого, ні темно-білого, а все те "кольорове відтінювання" просто інші кольори, які здаються білими, поки їх не порівняєш зі справжнім білим і там вони раптом не виявляться чітко синіми, зеленими чи щось там... ви ж фіолетивий не називаєте червоним, хоч він там і присутній
але, думаю, ви б могли і самі здогадатись, що білий, як і чорний, на відміну від всіх інших кольорів, існує лише один і змішування з іншими кольорами вже не робить його білим, раз ви такий дорослий...
Ви краще б за ось ці запитання щось би підказали,....
LikeMe написав:1. - Якщо вже говорити про розміщення тексту на сторінці, то скільки допускається відступати в пікселях від краю веб-сторінки?
2. - Варто зробити дизайн, щоб ще й переглядати менше 384пх (вертикальне положення сторінки сайту на мобільному із малою роздільною здатністю)???
юзайте bootstrap і буде вам щастя
але пані Cyan сподіваюсь допоможе зробити ідеальний сайт
нє, я тут тільки щоб по жопі понадавати
отже, я не думаю, що дорослому складно здогададить, що властивість білого кольору така, що в нього немає відтінків: немає ні ...
Гаразд з цим розібрались,...
я Вашу думку ще зрозумів, ще коли було задане питання "Відтінок білого...", вважаю й ви мою думку зрозуміли
.....
юзайте bootstrap і буде вам щастя
Візміть Bootstrap або шаблон на його основі і не морочте собі голову.
Дякую, Що ж напевно прийдеться ще переглянути Вашу та пана VTrim рекомендацію.
Чесно ще не мав справу з Bootstrap, просто спочатку думав поковирятись власноруч із машиною дизайну, але не все так просто, хоча все просто, лиш посидіти над цим дещо варто, що буде корисним
Анатолій написав:але пані Cyan сподіваюсь допоможе зробити ідеальний сайт
нє, я тут тільки щоб по жопі понадавати
▼Прихований текст
Для відправлення відповіді ви повинні увійти або зареєструватися