РОБИМО ДИЗАЙН РАЗОМ : КЛІЄНТООРІЄНТОВАНИЙ МІНІМАЛІСТИЧНИЙ САЙТ ( крок за кроком, ідеї та лайфхаки)

[@lizaprodesign]

❤Я на Patreon - www.patreon.com/lizkhl 📹 Канал про життя - kzbin.info 📱tg канал - t.me/liza_pro_design 👾 інста - instagram.com/lizkhl/

[@marinamochovska567]

Дякую,дуже милий дитячий дизайн,дякую,що ділишся ,чекаю на нові відоси

[@katarinaooos]

Дякую за ці відео)

[@Ліза-б1ъ]

дуже гарно, чекаємо ще такі відео))

[@lizaprodesign]

Дяяякую!!! 😍

[@Nastusya1]

Дуже дякую, крута робота!) Наразі не вистачає грошей, але як тільки будуть - піду на патреон)

[@yelyzavetasereda4215]

Чудове відео, дякую! Багато корисних плагінів для себе зберегла))

[@olehpavlenko3638]

Як завжди відео дуже цікаво, дякую Ліза. До цього відео я і не подумав би, що в комюніті є приклади футерів і хедерів, це дуже круто!

[@lizaprodesign]

Дякую Вам, що завжди підтримуєте 😍

[@olehpavlenko3638]

@@lizaprodesign чекав пока відреагуєте😁 скажіть, а так як на сайті краї більш заокруглені, то в кнопки мають бути обов'язково скруглені кути, чи може і як в вашій версії гострий кут має право на життя?

[@lizaprodesign]

@@olehpavlenko3638 я трішки не розумію в якому сайті заокругленні, взагалі, якщо усі елементи заокругленні то візуально краще закруглити. Але все дуже індивідуально, може бути в по різному. У мене тут закруглена друга фотка, наприклад, тому що там з фоном проблема. Я це поясню в другій частині. А як бачите також перша фото взагалі в колі і гострі кути виглядають добре разом, але там і інші елементи нижче рівні. Це дизайн, може бути по різному. Головне, щоб однакові кнопки не відрізнялись на сайті, це з технічної перспективи 🤝

[@olehpavlenko3638]

@@lizaprodesign дякую. Ви відповіли на моє запитання, скоріше за все я його просто був неправильно трішки сформулював🤭🥰

[@illialoginov]

Кайф, дякую, що ділишся своїм досвідом, Ліза ❤ Вийшло дуже симпатично!

[@lizaprodesign]

Ох! Дякую тобі, чекаю твій курс ❤️

[@ondovchyk_v]

Вийшло справді найс) От тільки ж хотілося ще анімацій додати. Піду сама пробувати закрутити

[@АлисаРибалка]

Дякую за нове відео:) Я дуже чекала

[@lizaprodesign]

Дякую дуже дуже дуже ❤️

[@jentelmen0880]

Класно😍 Дуже багато корисних та потрібних знань. Дякую)

[@DesignerOksanaTverdokhlib]

Обожнюю цю рубрику!)) Дякую за натхнення!

[@hannaburlakova]

Ви така гарна і відкрита, дякую, що ділитесь досвідом! Підписка і на ютуб і інстаграм🥰

[@ber1830]

Супер, вийшло чудово

[@yana_polieva]

Дякую тобі за щирість і корисну інфу в відео, я додала собі декілька плагінів )) І фішка з копіюванням просто вау ,буду користуватись !!! Ти прям багато назнімала відео за останній час ,що я не можу знайти твій відос ,де ти робила сайт для психолога ( Ти робила волночку на сторінці сайту ) Мене це надихнуло , і я зараз для портфоліо роблю сайт ,але не можу згадати як ти це робила !!! І вже третій день шукаю в тебе той відос , але відволікаюсь на нові (теж цікаві,як цей) і вільний час дуже швидко закінчується ((( Зробила я свою, але гадаю що верстальщік мене б за таку роботу прокляв !((

[@Destielcanon]

Дякую , Ліза!

[@lizaprodesign]

Дякую за підтримку ❤️

[@user-mv1fr6tp2h]

Дякую дуже!😍

[@lizaprodesign]

І я Вам! ❤️

[@liza_zeleniuk]

Велике спасибі, Ліза. Треба спробувати Shaper плагін. І ідея надавати тексту форму півкола теж дуже цікава. Вчимося створювати сайти в дитячому стилі )

[@funnymoment9164]

Дякую!

[@polinapipchuk829]

Дякую🌷

[@DoEsSiA]

Дуже круто! Чому так мало лайків?(

[@mariiashyian2246]

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

[@lizaprodesign]

Дяяякую ❤️ Я раджу брати вже готові набори кольорів. Так роблять і досвідчені дизайнери, нічого такого в цьому не бачу. А після у Вас і саме відчуття кольорі з’явиться

[@S_Ajva]

Щоб зробити кнопку через лейаут, не потрібно окремо створювати прямокутник. Достатньо написати текст кнопки і застосувати до нього лейаут) це економить час

[@lizaprodesign]

Так! Я вже машинально роблю так, просто звичка )

[@alyonamalinskaya8460]

Крутий ленд)! Зможешь випустити другу частину, що стасуєтся ux частини?)

[@ber1830]

Вітаю, хочу вас попросити, щоб ви по можливості зняли відео про те як робити ФУТОР ))

[@innaradchuk6367]

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

[@letstakeless]

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

[@МаринаИльющенкова-ч4з]

А скільки може коштувати така робота?

[@ПолінаЗаскока]

Я думаю, можна робити шрифт трішки менший, особливо у кнопках) Воно тоді краще виглядає

[@lizaprodesign]

Не раджу 🙏🏻

[@ВеронікаРебека]

У вас є ТТ? І ви робите дизайни з кодами чи ні?

[@Destielcanon]

Що ти натискаєш щоб скопіювати?? В авто леяут

[@lizaprodesign]

Копіюю те, що хочу повторити. Обираю, а потім ctrl C, а потім ctrl V

[@igorvasichkin3214]

@@lizaprodesign або ctrl D

[@dmytrokoshchei3148]

В кнопках потребно вфдступ знизу робити на 2 пікселі більше, щоб компенсувати першу велику літеру...

[@lizaprodesign]

з мого досвіду не треба так робити тому що розмір тексту в кнопці вирішує висота рядку тексту (line-hight) і бокс в якому текст знаходится, а відступи (padding/margin) і так будуть від боксу який містить цей напис - тож все пропорційно і немає потреби ускладнювати:) розмір тексту в кнопці вирішує line-hight і бокс в якому вона знаходиться:)

[@dmytrokoshchei3148]

@@lizaprodesign Саме через те, що відступи від боксу і потрібно робити таку компенсацію. Просто зробіть дві кнопки (одна - roboto 18px відступи 30, 30, 10, 10; а друга - така сама але знизу 12 px), поставте їх поруч і порівняйте. Різниця буде очевидною :)

[@olenka3030]

крок за кроком*

[@lizaprodesign]

Ви супер! Дуже дякууую 🙂

[@olenka3030]

@@lizaprodesign 🥰