21

Re: Новий дизайн мого сайту

Можна один два зразки посилань вказати, який сайт був доречний?

Ось доречний сайт http://example.com/, порівняйте візуально з ним свій

Подякували: Анатолій1

22

Re: Новий дизайн мого сайту

karmeljuk написав:

Можна один два зразки посилань вказати, який сайт був доречний?

Ось доречний сайт http://example.com/, порівняйте візуально з ним свій

а лінк робочий?

23

Re: Новий дизайн мого сайту

лінк робочий. Порівняйте свій сайт і цей

24

Re: Новий дизайн мого сайту

Анатолій написав:

Гаразд візьмемо останню статтю що я розглядав, та проаналізуємо кольорову гамму;
Остання стаття - Conversation about website тут скажу фон білий, (хоча можна відтінок білого зробити)
h1 - синій, h2-зелений, h3-коричневий fon-weight: стандартний, не більше не менше - така кольорова гама заголовків мені подобається;

Прихований текст

http://не-дійсний-домен/Forum_Replace_02/site_design_02.jpg

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

Анатолій написав:

відтінок білого

а-ну назвіть мені хоча б один відтінок білого, а то аж цікаво стало :D

25

Re: Новий дизайн мого сайту

Дещо погрався з дизайном, сьогоднішня версія виглядає ось так, кому цікаво

  Потім протестував на оптимізацію до мобільних пристроїв, google.com/webmasters/tools/mobile-friendly та ще спробував тут varvy.com/mobile/...

На жаль, мій шаблон не пройшов оптимізацію....

Якщо враховувати, що наразі я реалізував слідуючу структуру дизайну сайту:
монітор більше 960пх - фіксована 960пх,
600-960 - "резинова" сторінка,
менше 600 - фіксована та становить 600пх....

то один із моментів мобільні пристрої я так думаю початково показують веб-сторінку вертикально,.. ось наприклад в Google Chrome при F12 перегляд мобільного пристрою (роздільна здатність 384*640) показує ось так ... можливо через це і не проходить мобільна оптимізація??? Варто зробити дизайн, щоб ще й переглядати менше 384пх???

http://не-дійсний-домен/Forum_Replace_02/not_mobile.jpg

http://не-дійсний-домен/Forum_Replace_02/not_mobile_02.jpg

Більше google.com/webmasters/tools/mobile-friendly  зауважив, що: 1. Контент ширше екрану та 2. Посилання занадто близько один до одного...

Питання, хто знає:
Якщо вже говорити про розміщення тексту на сторінці, то скільки допускається відступати в пікселях від краю  веб-сторінки? 10 пікселів, 20?... Чи можливо це в %, тобто відступи від краю по 1%, чи можливо (звичайно ж ні ) взагалі як у документах зліва 2 см, а зверху, з права, знизу - 5 мм :)


Що ж тема дизайну веб-сторінок цікава :) Буду художником душі своєї, хех...

Так пані Cyan, щодо відтінків білого, я не думаю, що дорослому складно здогадатись віддтінок білого може бути різним в залежності яким кольором відттінювати, мені подобається синій та зелений, тому фон може бути білим і якщо ледь-ледь добавити синього по спектру, то буде світлий фон веб-сторінки ледь відтіненний синім,... але думаю Ви й самі легко здогадались
http://не-дійсний-домен/Forum_Replace_02/colors.jpg

26 Востаннє редагувалося Анатолій (13.12.2015 13:08:14)

Re: Новий дизайн мого сайту

Між іншим, прошу форумчан прокоментувати сьогоднішню версію дизайну
опонентів пані Cyan особливо, жорстокого критика :)

27

Re: Новий дизайн мого сайту

ви мені відтінок синього показали, а тепер покажіть відтінок білого

28

Re: Новий дизайн мого сайту

Cyan написав:

ви мені відтінок синього показали, а тепер покажіть відтінок білого

Точка в лівому верхньому куті.

29

Re: Новий дизайн мого сайту

quez написав:
Cyan написав:

ви мені відтінок синього показали, а тепер покажіть відтінок білого

Точка в лівому верхньому куті.

так то ж білий (#ffffff), а мені за відтінок білого цікаво

30

Re: Новий дизайн мого сайту

Cyan написав:

так то ж білий (#ffffff), а мені за відтінок білого цікаво

за це я вже відповів, більше добавити нічого... хіба що воду в ступі товти
Ви краще б за ось ці запитання щось би підказали,....

LikeMe написав:

1. - Якщо вже говорити про розміщення тексту на сторінці, то скільки допускається відступати в пікселях від краю  веб-сторінки?
2. - Варто зробити дизайн, щоб ще й переглядати менше 384пх (вертикальне положення сторінки сайту на мобільному із малою роздільною здатністю)???

31

Re: Новий дизайн мого сайту

Cyan написав:
quez написав:
Cyan написав:

ви мені відтінок синього показали, а тепер покажіть відтінок білого

Точка в лівому верхньому куті.

так то ж білий (#ffffff), а мені за відтінок білого цікаво

Так само як синій є відтінком синього, білий є відтінком білого.

32 Востаннє редагувалося Анатолій (13.12.2015 15:50:55)

Re: Новий дизайн мого сайту

Між іншим, можливо варто на форумі більш ширше розкрити ось цей момент із статті Основне в дизайні сайтів [Стаття]

Cyan написав:

В дизайні сітка аналогічна, от тільки між клітинками знаходиться додатковий простір – мінімально можлива відстань між об’єктами.
Виглядає вона десь так:

http://replace.org.ua/extensions/om_images/img/54d36fef5be79/050d500008f076460b481c815a6a5fa4.jpg

Є досить цікава формула, яка вираховує проміжок між квадратами:
http://replace.org.ua/extensions/om_images/img/54d36fef5be79/c476c5172bdee7279b768ca4ca56e144.jpg
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

33

Re: Новий дизайн мого сайту

Анатолій написав:
Cyan написав:

так то ж білий (#ffffff), а мені за відтінок білого цікаво

за це я вже відповів, більше добавити нічого... хіба що воду в ступі товти

ок, давайте розглянемо вашу відповідь

Анатолій написав:

Так пані Cyan, щодо відтінків білого, я не думаю, що дорослому складно здогадатись віддтінок білого може бути різним в залежності яким кольором відттінювати, мені подобається синій та зелений, тому фон може бути білим і якщо ледь-ледь добавити синього по спектру, то буде світлий фон веб-сторінки ледь відтіненний синім,... але думаю Ви й самі легко здогадались

Прихований текст

http://не-дійсний-домен/Forum_Replace_02/colors.jpg

отже, я не думаю, що дорослому складно здогададить, що властивість білого кольору така, що в нього немає відтінків: немає ні світло-білого, ні темно-білого, а все те "кольорове відтінювання" просто інші кольори, які здаються білими, поки їх не порівняєш зі справжнім білим і там вони раптом не виявляться чітко синіми, зеленими чи щось там... ви ж фіолетивий не називаєте червоним, хоч він там і присутній
але, думаю, ви б могли і самі здогадатись, що білий, як і чорний, на відміну від всіх інших кольорів, існує лише один і змішування з іншими кольорами вже не робить його білим, раз ви такий дорослий...


Анатолій написав:

Ви краще б за ось ці запитання щось би підказали,....

LikeMe написав:

1. - Якщо вже говорити про розміщення тексту на сторінці, то скільки допускається відступати в пікселях від краю  веб-сторінки?
2. - Варто зробити дизайн, щоб ще й переглядати менше 384пх (вертикальне положення сторінки сайту на мобільному із малою роздільною здатністю)???

юзайте bootstrap і буде вам щастя

34

Re: Новий дизайн мого сайту

Анатолій написав:

але пані Cyan сподіваюсь допоможе зробити ідеальний сайт :) :) :)

нє, я тут тільки щоб по жопі понадавати

35 Востаннє редагувалося Анатолій (13.12.2015 16:02:47)

Re: Новий дизайн мого сайту

Cyan написав:

отже, я не думаю, що дорослому складно здогададить, що властивість білого кольору така, що в нього немає відтінків: немає ні ...

Гаразд з цим розібрались,...
я Вашу думку ще зрозумів, ще коли  було задане питання "Відтінок білого...", вважаю й ви мою думку зрозуміли
.....

Cyan написав:

юзайте bootstrap і буде вам щастя

VTrim написав:

Візміть Bootstrap або шаблон на його основі і не морочте собі голову.

Дякую, Що ж напевно прийдеться ще переглянути Вашу та пана VTrim рекомендацію.
Чесно ще не мав справу з  Bootstrap, просто спочатку думав поковирятись власноруч із машиною дизайну, але не все так просто, хоча все просто, лиш посидіти над цим дещо варто, що буде корисним

Cyan написав:
Анатолій написав:

але пані Cyan сподіваюсь допоможе зробити ідеальний сайт :) :) :)

нє, я тут тільки щоб по жопі понадавати

Прихований текст

Офтоп
О, то пані полюбляє пристрасні відносини,... Я-я, дастіш, фантастіш..

36

Re: Новий дизайн мого сайту

Анатолій написав:
Прихований текст

Офтоп
О, то пані полюбляє пристрасні відносини,... Я-я, дастіш, фантастіш..

Прихований текст

https://pp.сайт-злодій/c616221/v616221919/18ff/3j1eWF19ndo.jpg