【觀點分享】無法直視的設計!網站讓我笑到飆淚!【設計師勞哥 / 網頁設計與 UIUX 直播】

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024
  • 大家好👋 我是一位熱愛網頁設計的虛擬設計師!週一週五都會在 Twitch 直播,陪大家聊聊網頁與設計相關話題。希望大家能在設計中找到靈感和樂趣!
    本片剪輯來自勞哥Twitch直播 拜託訂閱 🙏 / may_logger
    剪片師:饅頭 / mant0ustudio

Комментарии • 108

  • @charliehsiao4413
    @charliehsiao4413 Месяц назад +29

    我在公家超過十年,太認真的下場 a.被排擠 b.被重用但因為其他基礎建設不足(比如資安、網路問題)出事不死也去半條命 c.因為不可行跟長官諫言或拒絕,立刻黑到打入地獄。最近因為健康亮紅燈,拒絕接下重任就被長官講重話,失望之餘就辭了超過6年的單位。
    你講的類似的問題,只要有機會闖過驗收,廠商不一定會改,長官也不一定挺你去叫廠商改。比如之前有某個系統,會寫「你造訪的IP是127.0.0.1」,從驗收過到保固3年過廠商都不改。這個廠商還是上市公司喔!

    • @maylogger
      @maylogger  Месяц назад +4

      感謝提供鬼故事!!!!這些故事都讓我們平民百姓有很多話題可以聊,希望能世世代代傳下去,感謝!

    • @rickyhuang1403
      @rickyhuang1403 Месяц назад +1

      神奇寶貝樂園

    • @penguinbrother_xux
      @penguinbrother_xux Месяц назад

      127.0.0.1,我想到之前有個笑話是不知道誰想假裝自己是駭客,開台cmd打好幾次ping 127.0.0.1,然後開瀏覽器輸入127.0.0.1看不到網頁,結論這網站被打死了
      結語:127.0.0.1真是萬能,我都不知道不用伺服器就可以在local搭網站,還有ICMP協議的DoS是能有多大破壞力,你又不是DDoS

  • @penguinbrother_xux
    @penguinbrother_xux Месяц назад +25

    各家CSS大亂鬥:我國兼容並蓄
    TALIWIND變TAIWAND:不隨波逐流
    Js寫在css:不拘泥小節
    沒有整齊劃一:我國不是人治社會,不是聽一個人的
    字體學奧秘:雜亂風是一種美
    總結:雜亂風其實也不錯,物極必反醜到了最後就變美了

    • @maylogger
      @maylogger  Месяц назад +6

      @@penguinbrother_xux 就像鐵皮屋加蓋,台灣沒有這個就不是台灣了!!!

    • @penguinbrother_xux
      @penguinbrother_xux Месяц назад +2

      @@maylogger 台灣是個好地方ww

    • @maylogger
      @maylogger  Месяц назад +1

      @@penguinbrother_xux 真的 活在台灣好爽

    • @rickyhuang1403
      @rickyhuang1403 Месяц назад +3

      正所謂特色,正式全稱是「特別讓人變了臉色「

    • @maylogger
      @maylogger  Месяц назад +2

      @@rickyhuang1403 我笑死 😆

  • @ari2792
    @ari2792 Месяц назад +28

    路過的閒著研究了一下。
    看起來他是用vue+Tailwind + daisyUI+還多加了bootstrap寫的,導致各家CSS互相打架,button display優先權被bootstrap搶到了,因此他最後直接粗暴的加上 !important來修正優先權,這種我看到會直接退回。
    還有Carousel應該是直接套VueCarousel裡的元件來做,我看到他文檔沒寫怎麼改點擊的框框,除非他自己重新手刻一個,不然應該是改不了,哈哈。
    另外他居然在h2裡面的標題文字用來包,非常有個性。
    然後他API 也寫得非常酷,用純字串來傳JSON資料。

    • @maylogger
      @maylogger  Месяц назад +1

      大大您挖的更深了!!!

    • @rickyhuang1403
      @rickyhuang1403 Месяц назад +3

      暴力魔改大師👍

    • @penguinbrother_xux
      @penguinbrother_xux Месяц назад +3

      用純字串到底是怎樣,起碼也加個doctype在header裡面吧?
      CSS的! important 原來是這樣用的嗎,學廢了
      各家互相打架,最後就看誰拳頭大囉,期待這位設計師未來可以做出連續十幾個important,直接瘋掉
      綜觀,未來教別人網頁設計一定要拿這個當範本,反面

    • @maylogger
      @maylogger  Месяц назад +2

      @@penguinbrother_xux 再挖下去還有更瘋的,例如後端,不過我們還是看看外面就好了,避免看了受不了。

    • @hoshinyan5834
      @hoshinyan5834 Месяц назад +3

      不行,我一個學網頁的學生聽到純字串傳JSON直接瘋了

  • @Cheng2_sky_gamer
    @Cheng2_sky_gamer Месяц назад +21

    各種槽點好好看❤😂

    • @maylogger
      @maylogger  Месяц назад +1

      真的 笑到流淚 沒看過這種的 😆

  • @kevinlantw
    @kevinlantw Месяц назад +6

    對不起影片沒辦法看完,低血壓的人建議可以看,但高血壓的工程師看了只會腦溢血而已...
    12:40 看到NEWS最右邊「國慶官網全部都是國人製作,並無對岸人士設計,請大家放心」...不不不!我反而擔心起台灣的設計跟軟體業了...

    • @maylogger
      @maylogger  Месяц назад

      @@kevinlantw 辛苦了 😓

  • @AndesignTW
    @AndesignTW Месяц назад +13

    好喜歡看吐槽,拜託多做一點這個專題,有回到上謝大立課的感覺

    • @linglingliu6340
      @linglingliu6340 Месяц назад +3

      這位樓主好眼熟

    • @maylogger
      @maylogger  Месяц назад +2

      @@AndesignTW 可遇不可求呀 哈哈哈 能做就做 👍 感謝支持 👀 話說我還在等你出新片呀!!!

    • @AndesignTW
      @AndesignTW Месяц назад +2

      @@maylogger 在訓練模型了,沒梗啊

  • @荒野-m4h
    @荒野-m4h Месяц назад +8

    事實證明AI很值得取代某些人,一些不知道自己在幹嘛的人類😆

  • @yiyi783
    @yiyi783 Месяц назад +13

    會不會是層層下包,每一層都拿一些,結果到最後真正做的人只能拿到很少,就乾脆“杜蘭”隨便做做了!😂

    • @maylogger
      @maylogger  Месяц назад +2

      哈哈哈大家通靈起來!

    • @乙醇-s4i
      @乙醇-s4i Месяц назад +7

      大學教授說,基本上接政府的案子都要預設刪掉尾款都還能賺,而且金費都少的可憐,所以還真的可能像是你說的,拿不了多少錢就隨便做做XD

  • @凜音-v3d
    @凜音-v3d Месяц назад +12

    程式碼也反映出台灣的族群多元共榮 兼容並蓄呢

    • @maylogger
      @maylogger  Месяц назад +3

      @@凜音-v3d 真的是這樣!不乾不淨 吃了沒病 台灣俗語⋯⋯ 😆

    • @hsun680
      @hsun680 Месяц назад +2

      破題了破題了 難道這就是最終含義小彩蛋嗎

  • @AdamChou-mu3ow
    @AdamChou-mu3ow Месяц назад +3

    哇靠,要是在團隊閉門檢討,肯定被臭到飛起來😅,辛苦匿名設計師了,也感謝勞哥大方分享寶貴經驗,一邊臭一邊教育😂

    • @maylogger
      @maylogger  Месяц назад +1

      @@AdamChou-mu3ow 謝謝觀看!

  • @ayii-it
    @ayii-it Месяц назад +8

    不錯的反面教材 👍

    • @maylogger
      @maylogger  Месяц назад +2

      @@ayii-it 確實,勞哥從這網站學到不少!

  • @古狐ch
    @古狐ch Месяц назад +14

    主播真的是專業的設計師耶
    9:51 連國民黨的立法委員都來了

    • @maylogger
      @maylogger  Месяц назад +5

      希望台灣各黨的都來學設計!

  • @sunj3177
    @sunj3177 Месяц назад +7

    原來用字體還有這種要注意的地方,以前都沒特別去觀察適合
    當"內文"的字體有這些特性,只會憑自己感覺對了就用了😅

    • @maylogger
      @maylogger  Месяц назад +6

      對對對!內文用小字有一些特殊的補償讓小字看的清晰,但大字大標或招牌就得使用適合 Display 的字體比較安全。中文更難,所以大部分中文排版不好看的原因也都有可能是出於這個最基本的選擇問題!!!原先我也不懂,長大後才知道的。

    • @rickyhuang1403
      @rickyhuang1403 Месяц назад +2

      字體的細節可多了,開一門專門科別都不為過

    • @penguinbrother_xux
      @penguinbrother_xux Месяц назад +1

      ​@@maylogger學到了,不愧是大師

    • @maylogger
      @maylogger  Месяц назад +1

      @@penguinbrother_xux 我不是大師只是小朋友 VTuber 分享設計的樂趣唷

  • @wangbochieh5255
    @wangbochieh5255 Месяц назад +5

    這邊先為明年國慶設計預言
    問題不會改善

    • @maylogger
      @maylogger  Месяц назад

      @@wangbochieh5255 還是希望會找專家來做,有好多朋友開設計公司都可以找他們!!

  • @TidalBBQ
    @TidalBBQ Месяц назад +8

    勞哥沒講還真沒發現css內寫js這驚天大寶藏我可要好好學習

    • @maylogger
      @maylogger  Месяц назад +1

      @@TidalBBQ 天大的寶藏就在被 script 標籤包起來的 css 檔案裡面的 js (這樣真的會動嗎?)

    • @penguinbrother_xux
      @penguinbrother_xux Месяц назад +2

      我就知道嘛,我看他的index可能給我寫index.js然後訪問的時候直接當html扔出來之類的優秀

  • @asakuraarukasa
    @asakuraarukasa Месяц назад +7

    Carousel的signifier應該是為了accessibility?沒有那個外面的圓圈就變成只用顏色區分狀態了。

    • @maylogger
      @maylogger  Месяц назад +1

      @@asakuraarukasa 是的!!正常用滑鼠點擊操作不應該出現,大部分網站用鍵盤操作的時候才會出現 ,因為 focus 跟 active 應該是兩件事 ,但這個網站混在一起了 😆

  • @rickyhuang1403
    @rickyhuang1403 Месяц назад +6

    我的媽....頭皮都發麻了。當初看到主視覺還猜是被鎖設計元素與方向,只能便宜行事交差,看完影片後才驚覺跟我猜的可遠了,這些瑕疵就算是學生做的也未必能這麼絕啊⋯⋯(跪拜佩服無比

    • @maylogger
      @maylogger  Месяц назад +2

      @@rickyhuang1403 對 可怕喔 而且我只看前端而已 聽說後端工程師看了也會不高興 😆

    • @rickyhuang1403
      @rickyhuang1403 Месяц назад +1

      剛好工作的關係,網頁前後端曾經都有參與到製作。其實影片開始講代碼的時候,我好幾次按暫停、碎念完冷靜後才繼續按播放鍵...

    • @maylogger
      @maylogger  Месяц назад +1

      @@rickyhuang1403 辛苦了 我直播的時候已經有觀眾想就醫了 😆

    • @rickyhuang1403
      @rickyhuang1403 Месяц назад

      不知道團體送,有沒有打折(咦~歪樓

  • @yi-syuan346
    @yi-syuan346 Месяц назад +7

    css裡面有js我真的笑死

    • @maylogger
      @maylogger  Месяц назад +2

      跟勞哥的笑點符合!

    • @boxunwu1518
      @boxunwu1518 20 дней назад +2

      神操作,我都不知道js可以這樣用,我覺得這個可以收錄到【你不知道的 JavaScript 】裡面...XD

  • @mantOuO
    @mantOuO Месяц назад +8

    用 CSS 寫 JS 真的笑爛 www

    • @maylogger
      @maylogger  Месяц назад

      我超意外,我超驚訝。

  • @shyoujyoa
    @shyoujyoa Месяц назад +3

    吐槽點太多了我看的好歡樂哈哈哈哈XDD
    好啦我相信匿名設計師可能本業不是做這個的,
    人在外面掃地被抓進來做平面、做網頁、做動畫還給你最低時薪對不對😆😆

    • @maylogger
      @maylogger  Месяц назад +2

      真的很有可能... 有點太辛苦了。

  • @AlmagerLin
    @AlmagerLin Месяц назад +8

    這次的國慶視覺我身邊收穫一堆好評,不外乎就是這樣有國旗有紅藍才是真正的國慶主題。
    即時沒有設計理念、沒有視覺動畫、網站視覺坑坑疤疤,周邊直接印上大字「榮耀時刻」;民意就是爆揍你們這些設計者,那些都不重要。美術課就是可以拿去借給數學課的。

    • @maylogger
      @maylogger  Месяц назад

      感謝你留言告訴我

    • @deepsoul_seaangel
      @deepsoul_seaangel Месяц назад +1

      這個才是重點
      就是有一群人會為了垃圾設計買單,海鮮珍饈他們吃不慣就會覺得難吃
      而且這群人還不小群就是了
      如果可以翻開2008-2023每一年的視覺主設計便不難發現有2015-2016有重大的轉變
      剛好也是政黨輪替的那一樣
      因此也不難看出,究竟會是誰願意買單這樣設計了

  • @OliviaYA
    @OliviaYA Месяц назад +3

    請問是使用哪一個AI來模擬產出burger menu?感謝

    • @maylogger
      @maylogger  Месяц назад

      你好!是使用 vercel 的 v0 唷
      v0.dev/

  • @johon8964
    @johon8964 Месяц назад +3

    標題--當你想要用偷吃步的方式製作國家網頁;但不知道怎麼調整處理時be like:

    • @maylogger
      @maylogger  Месяц назад

      這樣想一想都要去擁抱製作者了太辛苦了!!

    • @johon8964
      @johon8964 Месяц назад +1

      @@maylogger 這絕對是反諷😂

  • @elainechen1786
    @elainechen1786 Месяц назад +1

    笑到飆淚+1

  • @歐-s3h
    @歐-s3h Месяц назад +2

    我一直以為都已經是職業人士會把東西做好 看了這影片真是大開眼界 by學生路過

    • @maylogger
      @maylogger  Месяц назад +1

      推測:做的人應該是新手... 這看起來就是很誇張毫無經驗的結果。

  • @maruwoo1315
    @maruwoo1315 Месяц назад +7

    槽點說不完,感覺是完全一張白紙進場做工的。辛苦了😂

    • @maylogger
      @maylogger  Месяц назад +3

      真的可以體會到辛苦的部分 😆 什麼都不會可是很努力拼裝 中間一定遇到很多不能動的問題 所以光是能動就費盡力氣了吧!!!

  • @Kanoka
    @Kanoka Месяц назад

    真的是主視覺還可以尊重,但網頁也太……多元共融了吧XD

  • @tea_bao
    @tea_bao Месяц назад +2

    如果有人覺得現代新潮設計不好看,反而各種圖案擺在一起覺得很好看的人,應該批判這個人審美觀念有問題嗎?
    如果一個人設計出來結果世界上99.99%的人都覺得醜,但設計者自己很愛,那他能被歸類為設計師嗎?(因為可能賺不到錢)
    還是說設計師其實不能自己稱自己,而是大家給他的頭皆?

    • @deepsoul_seaangel
      @deepsoul_seaangel Месяц назад

      因為老一輩的人會買單
      他們就是想要看到紅藍白的國旗元素在裡面

  • @shounenwind
    @shounenwind Месяц назад +4

    當初直播看到那個 script 裡有 css 真的傻眼

    • @maylogger
      @maylogger  Месяц назад +1

      真的,我整個傻到眼睛掉地上。

  • @chining5004
    @chining5004 Месяц назад +2

    精彩!

    • @maylogger
      @maylogger  Месяц назад +1

      @@chining5004 感謝你喜歡這麼硬的東西

  • @kindi_ww1633
    @kindi_ww1633 Месяц назад +4

    我怎麼體感上,每年都有人在噴主視覺呀

    • @maylogger
      @maylogger  Месяц назад +7

      @@kindi_ww1633 沒錯 每年都有人不喜歡 這就是民主社會呀 暢所欲言 但是這個網站的爛我還是第一次見過這麼誇張的 😆

  • @狐狸先生-h7d
    @狐狸先生-h7d Месяц назад +5

    難怪匿名

    • @maylogger
      @maylogger  Месяц назад +2

      @@狐狸先生-h7d 匿名者表示:抗議 😆

    • @rickyhuang1403
      @rickyhuang1403 Месяц назад

      會不會其實就叫匿名者😂

  • @raymond0214
    @raymond0214 Месяц назад +1

    大家看不懂嗎? 綠黨製作肯定要有(不統一)獨立風格呀😂

  • @david13000088
    @david13000088 Месяц назад +3

    罷樑啦!

  • @LearningNote-24
    @LearningNote-24 Месяц назад +1

    抱歉 這影片太難看完了

    • @maylogger
      @maylogger  Месяц назад +1

      @@LearningNote-24 辛苦了 👍

    • @penguinbrother_xux
      @penguinbrother_xux Месяц назад +4

      我死在螢幕前,死因:笑死

    • @maylogger
      @maylogger  Месяц назад +1

      @@penguinbrother_xux 我希望你還能復活 😆

    • @rickyhuang1403
      @rickyhuang1403 Месяц назад +1

      氣到原地復活嗎😏

  • @雲徐-d6k
    @雲徐-d6k 14 дней назад +1

    請不要自稱設計師,畢卡索你評一下學菜陰蚊低調低調再低調

  • @DCDorz
    @DCDorz Месяц назад +2

    哈哈~現在的政府超兩光

    • @maylogger
      @maylogger  Месяц назад +2

      點出來是希望政府能重視!

    • @Jumiona
      @Jumiona Месяц назад

      @@maylogger 主導這個是韓國魚壓.... 可以看看以前民進黨的視覺影片,做得好多了QQ 今年的好醜