Создание дизайна сайта в Linux (Ubuntu, Open Source)

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ม.ค. 2025

ความคิดเห็น • 77

  • @wdm
    @wdm  13 วันที่ผ่านมา +1

    💥 Все курсы в одном комплекте 👇👇👇
    webdesign-master.ru/bundle_courses

  • @ED4M
    @ED4M 8 ปีที่แล้ว +36

    Мне кажется, что ты единственный человек во всем TH-cam, который делает дизайн будущего шаблона в Gimp и еще при этом сделал из этого урок. По крайней мере ничего подобного я еще не видел.
    Автоматический лайк.

    • @SokolovOleg
      @SokolovOleg 7 ปีที่แล้ว +1

      В Inkscape же. :D

  • @UkrArtDesign
    @UkrArtDesign 3 ปีที่แล้ว +2

    Очень крутой и полезный урок, да еще в Линуксе, да еще и в моих любимых программах!!!

  • @alwayssmile3125
    @alwayssmile3125 8 ปีที่แล้ว +1

    Лайк за урок! Все очень ждут верстки этого шаблона! Умоляем :)

  • @wdm
    @wdm  13 วันที่ผ่านมา +1

    Символы для Inkscape обновлены. Все обновления и инструкция для пользователей Inkscape в Windows на странице урока, ссылка в описании.

  • @monkeque911
    @monkeque911 8 ปีที่แล้ว +40

    Лайк за верстку этого макета))

    • @Cat-bw7we
      @Cat-bw7we 8 ปีที่แล้ว +3

      На Убунту, с помощью open source ПО!

    • @keshapudelev
      @keshapudelev 8 ปีที่แล้ว +1

      +Vadym Volos так-то для разработки намного больше Open Sourse, чем для дизайна)

  • @АндрейК-с5в
    @АндрейК-с5в 5 ปีที่แล้ว +1

    Шикарно!

  • @TheVatan1
    @TheVatan1 6 ปีที่แล้ว +1

    Один из лучших уроков что я видел! По данной теме мне кажется вообще уникальный.
    Из замечаний... Он очень долгий лучше было бы разбить на два или три урока

  • @igorgrigoriev9571
    @igorgrigoriev9571 7 ปีที่แล้ว +1

    Огромная вам благодарность за отличный видеоурок и замечательный канал )
    С удовольствием буду смотреть ваши видео)

  • @exploringtheworld8780
    @exploringtheworld8780 3 ปีที่แล้ว +1

    Спасибо большое!. классный урок!!.Супер!!!

  • @АртёмДавыдов-ы5э
    @АртёмДавыдов-ы5э 7 ปีที่แล้ว +1

    Хороший урок спасибо.
    Ещё бы таких уроков сделали.

  • @ukrainian333
    @ukrainian333 8 ปีที่แล้ว +1

    Урок классный! За Open Source вообще ОГРОМЕННЫЙ ПЛЮС! =)
    З.Ы, Марк Шатлворт Заценил бы цветовую гамму =))))

  • @alexeipopov3319
    @alexeipopov3319 7 ปีที่แล้ว +2

    А вот и я, с Линукса. Кстати, еще до Вэб-дизайна я работал с Инскейп. Клевая прога.

  • @artemijeka
    @artemijeka 7 ปีที่แล้ว +1

    Автор, ты крут! Спасибо и уважение тебе... У меня так-же все три оси и использую ubuntu.

  • @MrFeedme86
    @MrFeedme86 8 ปีที่แล้ว +1

    Очень классный урок, большое спасибо!)

  • @teneoultrius6340
    @teneoultrius6340 6 ปีที่แล้ว +1

    Спасибо большое. Мне инскейп в действии понравился даже больше местами чем фотошоп

  • @Uriel4D
    @Uriel4D 8 ปีที่แล้ว +16

    Вот! Вот чего хочется! Хочется, что бы в Линуксе попер дизайн, и всякие видосы в сеть потекли по этой теме.
    Сам хочу полностью перейти в опенсорс. Но пока в начале пути. Блендер, Крита...

    • @olegdmitrochenko
      @olegdmitrochenko 5 ปีที่แล้ว +2

      Как бы тут, в Линуксе, живут и делают. Но никто об этом не говорит. Там даже работают как платные, так и бесплатные проги, про онлайн версии промолчу, т.к. они везде будут работать.
      А вот по видеоурокам, да даже по простым статьям, реально глухо. 1-3 урока на весь интернет. Из-за этого кажется, что создать дизайн сайта в инскейпе это что-то нереальное (мне по факту проще с ним работать, тем более когда часть элементов на веб-страницы идут в виде вектора) и невразумительное.
      Вот что есть по дизайну в инскейпе, это создание векторных рисунков, причем крутых, для браузерных игр и т.п., типа с 2D графикой. Хотя рисунки можно было бы рисовать в Крите.
      Те кто привык к ФШ и винде и до сих пор не перешли на Фигму, Скетч и т.п., там вообще нет другой дороги.
      Проблема, с которой столкнулся один из начинающих дизайнеров, которого я попросил обучаться делать дизайны в Инскейпе, это отсутствие уроков по дизайну сайтов в инскейпе, хотя банально нужно уметь пользоваться инструментом и немного фантазии. Но все уроки для ФШ. Тупик.

  • @geliot1024
    @geliot1024 5 ปีที่แล้ว +1

    Здравствуй! Спасибо Тебе огромное за видеоурок. Как раз сайт кафедры хочу сделать. В инкскейпе давно работаю, а вот в остальном новичок. Слои кстати очень нужны если объектов в одном месте много и тебе нужно выцепить нужный. А ещё слои спасают, если у тебя объектов несколько сотен и чтобы комп не тормозил некоторые из слоёв с объектами можно делать невидимыми. А размер шрифта по-умолчанию в pt.

  • @Skity7
    @Skity7 7 ปีที่แล้ว

    Ухты ты крутой :) лайк

  • @raitasorin
    @raitasorin 8 ปีที่แล้ว +1

    Very Beautiful

  • @meranetworks7218
    @meranetworks7218 7 ปีที่แล้ว +1

    Интересная OpenSource-альтернатива Photoshop'у - это Krita. Было бы здорово автору сделать видео по созданию макета странички на этом графическом редакторе - он функциональнее GIMPа и активно сейчас развивается

  • @bulba1995
    @bulba1995 ปีที่แล้ว

    Очень классный урок, моё почтение.
    На сегодняшний день вы в linux уроки еще делать планируете?

    • @wdm
      @wdm  ปีที่แล้ว

      Здравствуйте. Да, эта тема меня интересует, такие уроки есть в планах)

    • @bulba1995
      @bulba1995 ปีที่แล้ว

      @@wdm нашел програмку для создания макета сайта на Linux бесплатную и пользуюсь, может для видео пригодится . Название Lunacy

  • @hamoudsk8972
    @hamoudsk8972 8 ปีที่แล้ว +4

    This is a great tutorial. just a little problem though. it would have been greater if subbed in english.

  • @makeitrightnow
    @makeitrightnow 8 ปีที่แล้ว +13

    Есть пожелание чтобы ты написал код под этот одностраничник. Ты, вспоминал об этом в своем уроке... А за все остальное - очень даже благодарен

    • @wdm
      @wdm  8 ปีที่แล้ว +9

      Это хорошая идея.

    • @oleksaveres7536
      @oleksaveres7536 8 ปีที่แล้ว +3

      +WebDesign Master да, это было бы очень интересно!

  • @frontistes
    @frontistes 8 ปีที่แล้ว +1

    Шрифт в программе указан не в пикселах, а в пунктах. Обычно в настройках можно выбрать нужное значение.

  • @AlexandrChervinskiy
    @AlexandrChervinskiy 7 ปีที่แล้ว +1

    Спасибо!

  • @ЕвгенийБатулин-г9з
    @ЕвгенийБатулин-г9з 8 ปีที่แล้ว +1

    Добрый вечер Алексей! Классный урок. Спасибо. Подскажите пожалуйста а где скачать иконки font awesome, точнее в каком формате, чтобы потом их загнать в inkscape. Просто я с английским не очень только "форева и тугеза и виндоус икс пи", а в интернете кроме вас никто на русском такие вещи не изьясняет. Спасибо.

  • @Uriel4D
    @Uriel4D 8 ปีที่แล้ว +1

    Инкскейп по умолчанию работает в 90 DPI. У него есть настройки DPI. Отсюда и разница в кегле между Инкскейпом и Фотошопом.

  • @AdamSchelenbergCom
    @AdamSchelenbergCom 8 ปีที่แล้ว +1

    Спасибо.

  • @ricecom
    @ricecom 7 ปีที่แล้ว +1

    Could you please write wich iconstheme, foldertheme and desktop background are you using? Thank you!

  • @ПавелДоценко-щ7р
    @ПавелДоценко-щ7р 8 ปีที่แล้ว +1

    Привет. Отличное видео!! а какую версию ubuntu ты используешь???

  • @Оро-р6м
    @Оро-р6м 8 ปีที่แล้ว +1

    Здравствуйте! Какое выбрать оптимальное разрешение изображения для информационного сайта, если оно будет располагаться над меню? На какие цифры примерно ориентироваться? Нужен совет.

  • @АлександрФедоров-в5ц
    @АлександрФедоров-в5ц 4 ปีที่แล้ว +1

    Здравствуйте, подскажите, как установить иконки awesome, у меня не получаетcя. Inkscape их не видит. Куда и как их распаковывать?

    • @wdm
      @wdm  ปีที่แล้ว

      Символы для Inkscape обновлены. Все обновления и инструкция для пользователей Inkscape в Windows на странице урока, ссылка в описании.

  • @TJey_
    @TJey_ 8 ปีที่แล้ว +1

    +WebDisign Master Здравствуйте, у меня есть пару вопросов по поводу карусели. Возможно ли создать 2-х этажную карусель (которая в секции портфолио), как на этом макете? И если можно, то каким образом? Спасибо! :)

  • @evangelion1500
    @evangelion1500 8 ปีที่แล้ว +1

    Привет! Я только начинаю верстать... Есть какие-то цельные советы для новичков? Например, чем лучше пользоваться для верстки и т.д. ?

  • @sigrujbura5221
    @sigrujbura5221 7 ปีที่แล้ว +1

    Здравствуй. Спасибо тебе за класные и грамотные видео уроки! :)
    Уменя просьба, перезалей пожалуйста аt-line simbols у меня они почему то не отображвються в Inkscape...
    Только, linea-svg-symbols показывает.
    За мест положеного аt-line, пишет : Безымянные символы.
    Я сначало подумал что дело на Linux, но нет закинул на винду, там тоже само.
    Только, linea-svg-symbols показывает.

    • @wdm
      @wdm  ปีที่แล้ว

      Здравствуйте. Символы для Inkscape обновлены. Все обновления и инструкция для пользователей Inkscape в Windows на странице урока, ссылка в описании.

  • @7erg95
    @7erg95 8 ปีที่แล้ว +1

    Какой исходный код получается в этой программе?
    Поверхностно осмотрел программу, сохранил простой синий блок в html5
    В исходнике какой-то яваскрипт непонятный

    • @wdm
      @wdm  8 ปีที่แล้ว +2

      Зачем вам исходник графического редактора?

    • @7erg95
      @7erg95 8 ปีที่แล้ว +1

      +WebDesign Master имею в виду исходник нарисованного в этой программе. Возможно ли нарисованное в этой программе перенести в html код?

    • @wdm
      @wdm  8 ปีที่แล้ว +4

      Да, есть для этого инструмент. Называется Sublime Text.

    • @7erg95
      @7erg95 8 ปีที่แล้ว +1

      WebDesign Master понял, спасибо большое!

    • @СергейАртёмов-р5у
      @СергейАртёмов-р5у 8 ปีที่แล้ว +1

      +Серега Самохвалов Это SVG. По сути это xml (в проге даже есть xml-редактор исходного кода того, что вы видите на холсте). Вы можете и сам svg-файл всего макета открыть просто в браузере, и вытянуть отдельные объекты в файлы svg (например, иконки) и вставлять их в качестве картинок в вёрстку. А можете и даже прямо код xml вставлять. Как именно - гуглите, по svg полно уже всего в сети.

  • @TheDakEnviyChannel
    @TheDakEnviyChannel 8 ปีที่แล้ว +1

    Можешь сказать название темы и иконок? Просто очень понравились

    • @wdm
      @wdm  8 ปีที่แล้ว +1

      Ultra Flat.

    • @bkmaker672
      @bkmaker672 8 ปีที่แล้ว +1

      +WebDesign Master у тебя линукс?

  • @raitasorin
    @raitasorin 8 ปีที่แล้ว +1

    What tool you use for this Design ?

    • @s.espinoza1167
      @s.espinoza1167 5 ปีที่แล้ว +1

      Inkscape and Gimp, both come with the Linux distribution or can be easily installed throw the Software Manager in Linux

  • @denystsymbal4626
    @denystsymbal4626 8 ปีที่แล้ว +1

    Как ты установил фотошоп на убунту?Расскажи!!!

    • @MrFallenRu
      @MrFallenRu 8 ปีที่แล้ว +1

      +Denis Tsimbal, я думаю через Wine.

    • @daniellevinson1907
      @daniellevinson1907 8 ปีที่แล้ว +1

      +Denis Tsimbal Vine, или GameOfLinux.

    • @denystsymbal4626
      @denystsymbal4626 8 ปีที่แล้ว

      +Daniel Levinson очень быстро работает как то

    • @daniellevinson1907
      @daniellevinson1907 8 ปีที่แล้ว +1

      Denis Tsimbal Скорее всего использует SSD. Так как сам заметил прирост скорости после замены hdd на sdd.

    • @daniellevinson1907
      @daniellevinson1907 8 ปีที่แล้ว +1

      dsh Ну не сказал бы что на пару, так как до установки ssd, PS c 13 плагинами запускался за секунд 30 - 45, после установки стартовал за 5 - 10. В моем случае разница была значительной.

  • @bpv82
    @bpv82 8 ปีที่แล้ว +1

    Подскажи как поставить photoshop на ubuntu, чтобы нормально он работал? Через wine?

    • @lim
      @lim 8 ปีที่แล้ว +1

      +pasha bezpyatchuck если компьютер позволяет, то через виртуал бокс и ему подобные(ставить винду с фотошопом). Через вайн заведется только древняя версия фотошопа

  • @WEBTV-ln4jx
    @WEBTV-ln4jx 8 ปีที่แล้ว +1

    Делай уроки по обыкновенной джедай верстке!!

  • @raitasorin
    @raitasorin 8 ปีที่แล้ว

    What Nautilus is ?

    • @s.espinoza1167
      @s.espinoza1167 5 ปีที่แล้ว

      Is a desktop for the Linux Operating System

  • @semikolon4229
    @semikolon4229 8 ปีที่แล้ว +9

    Wish this video was in English

    • @Oczkins92
      @Oczkins92 8 ปีที่แล้ว +2

      i have asked him in russian language

    • @johng5261
      @johng5261 7 ปีที่แล้ว +2

      maybe subtitles

  • @thecigaroman
    @thecigaroman 8 ปีที่แล้ว +2

    Предполагаю, что размер текста не соответствует твоим ожиданиям потому что измеряется не в пикселях, а в пойнтах (pt).
    Опять же это только предположение, точно не знаю.

  • @Oczkins92
    @Oczkins92 8 ปีที่แล้ว +1

    Привет, можешь пожалуйста вставить английские субтитры в свое видео туториал? Я был бы очень благодаре

  • @artemyakovenko5208
    @artemyakovenko5208 8 ปีที่แล้ว

    Ребят, хелп, у меня проблема, значит галп, все гуд, очень круто, только с вчерашнего дня у меня он не пашет, точнее, я нажимаю gulp > default, мне пишет все ок, но сам локалхост он пустой, и когда нажимаю ф12 то там тоже только хеад и боди пустой, но в основном пишет что нету инета и так далее. Но если просто открыть index.html через хром или мозиллу то все норм, все работает. Так я уже второй день не могу что либо делать. Хоть бери да переустанавливай. Я ничо не менял, просто кодил, а тут бац и не пашет(((((( не ошибок, ничего, но я меняю что либо, а оно не компилит все это. Может кто-то мне поможет?

  • @AndAlexei
    @AndAlexei 7 ปีที่แล้ว +1

    Смотрю на Винде. Перезагружаюсь на Линукс. На Винде у меня только Фотошоп и Саблайм 3. Так что пока...

  • @ГламурныйПоросёнок
    @ГламурныйПоросёнок 8 ปีที่แล้ว

    Узнать бы как macOS установить на виртуалку..... всё уже перепробовал, не ставиться!!

  • @hamoudsk8972
    @hamoudsk8972 8 ปีที่แล้ว +1

    I got u guys who dont understand how he made the symbol thing work a solution , check this repo :
    github.com/Xaviju/inkscape-open-symbols