kaorumap
kaorumap
  • Видео 80
  • Просмотров 1 807 583
10 lưu ý về typography khi thiết kế UI - Typography tips in UI Design | kaorumap
Một số kiến thức & lưu ý về Typography cần nắm khi thiết kế UI
Một số link website được đề cập đến trong bài giảng:
medium.com/
vnexpress.net/
spencermortensen.com/articles/typographic-scale/
Bài giảng có tham khảo một số kiến thức từ:
Typography articles medium.com/
How to Choose Fonts by Enric Jardí (Domestika course)
-------------------------------------------------------------------------------------------
Giảng viên: Nguyễn Ngọc Thảo Nguyên.
ruclips.net/user/kaorumapabout
-------------------------------------------------------------------------------------------
Please SUBSCRIBE to my channel for more arts and guides.
Follow me: kaorumap.
--------------------------------------------...
Просмотров: 2 341

Видео

Cách đánh số trang khi chia file InDesign thành nhiều phần và nối file bằng Acrobat | kaorumap
Просмотров 4,2 тыс.Год назад
Khi xử lý những dự án nhiều trang, chúng ta sẽ có nhu cầu chia file thiết kế thành nhiều file InDesign nhỏ, đánh số trang chính xác cho những file này và nối lại thành 1 file hoàn chỉnh để chuyển cho khách hàng hoặc nhà in. Video này mình sẽ hướng dẫn các bạn cách đánh số trang khi làm việc trên nhiều file InDesign thuộc cùng 1 sản phẩm và cách nối các file PDF lại bằng adobe acrobat Giảng viên...
Tạo prototype thả tim nhiều lần với #number variable bằng Figma | kaorumap
Просмотров 3,6 тыс.Год назад
Chào các bạn, trong video này mình sẽ hướng dẫn cách làm prototype click chuột nhiều lần để thả tim nhiều lần với variable #number của Figma. 00:00 - Intro 00:11 - Cân nhắc gói professional của Figma để sử dụng được variables cho prototype 00:32 - Thao tác tạo avatar và 2 đoạn chat 04:40 - Tạo khung thả tim với number varia 07:33 - Thay đổi nội dung chữ trên button với Text Giảng viên: Nguyễn N...
Tạo button hiệu quả bằng cách áp dụng các thuộc tính của Figma Component | kaorumap
Просмотров 9 тыс.Год назад
Chào các bạn, trong video này mình sẽ hướng dẫn chi tiết thao tác để các bạn tạo 1 button có sử dụng đầy đủ 4 thuộc tính của Component (Component Properties) là: Variant, Boolean, Instance Swap và Text để tiết kiệm thời gian thao tác khi làm việc. 00:00 - Intro 00:54 - Thao tác tạo Variant cho Button 02:54 - Áp dụng thuộc tính Boolean chi icons 06:28 - Thay đổi icon với Instance Swap 07:33 - Th...
Cách tạo nền màu chuyển động bằng Figma - Animated Gradient Background | kaorumap
Просмотров 4,8 тыс.Год назад
Chào các bạn, trong video này mình sẽ chia sẻ về cách tạo 1 nền màu chuyển động (Animated Gradient Background) bằng Figma. 00:00 - Intro 00:30 - Tạo mảng ngẫu nhiên bằng Blobs Plugin 02:50 - Tạo Noise với Noise Plugin (plugin này cần mua với giá 5USD) 05:30 - Chuyển background chuyển động thành Interactive Component 07:30 - Kéo Component Background vào thiết kế để sử dụng Giảng viên: Nguyễn Ngọ...
Q&A: Tại sao hình chất lượng cao đặt vào InDesign lại bị bể | kaorumap
Просмотров 3,7 тыс.Год назад
Có một số bạn hỏi mình lý do vì sao khi đặt hình chất lượng cao vào InDesign thì hình lại bị bể nên mình làm video này để giải đáp thắc mắc chung cho các bạn. 0:00 - Intro 00:10 - Giải thích cách hoạt động của InDesign 01:10 - Hình đặt vào InDesign có hiển thị rõ được hay không? Giảng viên: Nguyễn Ngọc Thảo Nguyên. / kaorumap Please SUBSCRIBE to my channel for more arts and guides. Follow me: f...
Tạo bảng với Tabs, Paragraph Rules, Borders & Shading trong InDesign | kaorumap
Просмотров 3,6 тыс.Год назад
Video này mình sẽ hướng dẫn các bạn cách tạo bảng (table) trong InDesign với Tabs và Paragraph Rules, Borders & Shading từ nguồn là 1 file excel. Bảng dữ liệu excel sử dụng trong video: www.dropbox.com/s/ocrw29mselj7u6m/kaorumap-tablewithtab.xlsx?dl=0 In this video, I will show you how to create a table in InDesign with Tabs, Paragraph Rules, Borders & Shading. 0:00 - Intro 00:22 - Tạo bảng với...
Nguyên tắc Gestalt sử dụng trong thiết kế đồ hoạ | Gestalt principles used in Design | kaorumap
Просмотров 9 тыс.2 года назад
Trong video này mình chia sẻ về những quy luật Gestalt áp dụng trong thiết kế đồ hoạ. In this video, I'm gonna share about Gestalt Principles used in Graphic Design. 0:00 - Intro 01:26 - Proximity - quy luật về khoảng cách gần 02:13 - Similarity - quy luật về sự tương tự 03:43 - Figure/Ground - quy luật về hình và nền 04:54 - Focal Point - tiêu điểm/điểm hút mắt 05:33 - Common Region - quy luật...
Figma Auto Layout - Responsive Masonry List với Breakpoint Plugin | kaorumap
Просмотров 14 тыс.2 года назад
Chào các bạn, trong video này mình sẽ chia sẻ về cách sử dụng Auto Layout trong Figma để tạo Masonry list, sử dụng Plug in Breakpoint để demo cách responsive của thiết kế Masonry list theo từng kích thước khác nhau. 0:00 - Intro 01:12 - Tạo Button bằng Auto Layout 05:16 - Tạo Column bằng Auto Layout 06:27 - Tạo Masonry List bằng Auto Layout 09:17 - Dùng Plug in Breakpoint tạo Responsive Layout ...
Figma cơ bản - Bài 8: Overlays | kaorumap
Просмотров 14 тыс.2 года назад
Figma cơ bản - Bài 8 cho người mới bắt đầu: Sử dụng interaction Open Overlay, Swap Overlay trong Figma Figma for beginners: How to create Overlay interaction in Figma 00:00 intro 00:47 Lưu ý về frame, cách convert thiết kế thành frame 02:02 Open Overlay 03:43 Swap Overlay Giảng viên: Nguyễn Ngọc Thảo Nguyên. ruclips.net/user/kaorumapabout Please SUBSCRIBE to my channel for more arts and guides....
How to avoid widow, orphan & runt - Cách tránh lỗi rớt chữ, rớt dòng trong InDesign | kaorumap
Просмотров 12 тыс.2 года назад
Trong video này mình sẽ hướng dẫn các bạn cách chỉnh cho file InDesign tự động tránh lỗi rớt chữ, rớt dòng mồ côi. Cụm text cần điền vào GREP Style sau khi apply No Break cho character style để tránh rớt chữ mồ côi là .{10}$ (code này không mang ý nghĩa là tránh 1 từ rớt xuống dòng mà là không để dưới 10 ký tự bị rơi xuống dòng) In this video, I will show you how to automatically avoid widow, o...
Cách tạo, chỉnh sửa, set up baseline grid cho 1 document mới trong inDesign | kaorumap
Просмотров 22 тыс.2 года назад
Trong video này mình sẽ hướng dẫn các bạn cách tạo 1 document mới, chỉnh sửa các thông số về kích thước, canh lề và set up baseline grid trong inDesign. 0:00 - Intro 00:21 - Cách tạo document mới 00:40 - Cách chỉnh sửa 1 số thông số của document 02:12 - Cách chỉnh sửa grid của document 03:40 - Cách hiển thị baseline grid 04:08 - Cách chỉnh 1 số thông số của baseline grid 05:30 - Cách chỉnh cho ...
Figma Auto Layout - Thao tác sử dụng Auto Layout trong Figma | kaorumap
Просмотров 32 тыс.2 года назад
Chào các bạn, trong video này mình sẽ chia sẻ về cách sử dụng Auto Layout trong Figma để tạo Button, Header, cụm chữ và List (danh sách) 0:00 - Intro 01:12 - Tạo Button bằng Auto Layout 04:25 - Tạo Header bằng Auto Layout 07:28 - Tạo Text box có Heading bằng Auto Layout 09:56 - Tạo 1 danh sách bằng Auto Layout Giảng viên: Nguyễn Ngọc Thảo Nguyên. ruclips.net/user/kaorumapabout Please SUBSCRIBE ...
Nghệ thuật chữ trong đồ hoạ dàn trang - Typography for Editorial Design | kaorumap
Просмотров 15 тыс.2 года назад
Trong video này mình chia sẻ những lưu ý về nghệ thuật chữ sử dụng trong đồ hoạ dàn trang. In this video, I'm gonna share about Typography in Editorial Design. 0:00 - Intro 00:38 - Type Hierarchy - sử dụng kích thước để phân định cấp bậc quan trọng cho nội dung 01:43 - Line Length - chiều ngang hợp lý của 1 hàng chữ 03:29 - Line Height - chiều cao 1 hàng chữ (khoảng cách dòng) 04:20 - Spacing -...
Grids in Graphic Design - Hướng dẫn cách sử dụng lưới trong thiết kế đồ hoạ | kaorumap
Просмотров 26 тыс.2 года назад
Chào các bạn, trong video này mình sẽ giải thích về lưới trong thiết kế đồ hoạ, các loại lưới khác nhau và một số tips trong cách sử dụng lưới. Hi vọng video hữu ích cho các bạn. 0:00 - Intro 00:21 - What is a grid? Lưới là gì? 02:52 - Types of grid - Các loại lưới thường gặp 06:19 - Grid-using tips - Một số tips về cách sử dụng lưới Hello, in this video I'm gonna share some information about G...
Create tic-tac-toe game with figma (beta) - Tạo bàn cờ caro bằng interactive component | kaorumap
Просмотров 9 тыс.2 года назад
Create tic-tac-toe game with figma (beta) - Tạo bàn cờ caro bằng interactive component | kaorumap
Figma Useful Tips & Tricks - 9 mẹo làm việc hiệu quả với Figma | kaorumap
Просмотров 25 тыс.3 года назад
Figma Useful Tips & Tricks - 9 mẹo làm việc hiệu quả với Figma | kaorumap
Cách ghi chú lỗi sai trên file PDF & sửa lỗi tự động bằng InDesign | Review commented PDF | kaorumap
Просмотров 4,8 тыс.3 года назад
Cách ghi chú lỗi sai trên file PDF & sửa lỗi tự động bằng InDesign | Review commented PDF | kaorumap
7 tips to work faster in InDesign - 7 mẹo làm việc nhanh hơn với InDesign | kaorumap
Просмотров 7 тыс.3 года назад
7 tips to work faster in InDesign - 7 mẹo làm việc nhanh hơn với InDesign | kaorumap
6 nguyên tắc thiết kế đồ hoạ áp dụng cho thiết kế sản phẩm kỹ thuật số | kaorumap
Просмотров 37 тыс.3 года назад
6 nguyên tắc thiết kế đồ hoạ áp dụng cho thiết kế sản phẩm kỹ thuật số | kaorumap
Figma (beta) | Hướng dẫn tạo Input Field Interaction với Interactive Component | kaorumap
Просмотров 41 тыс.3 года назад
Figma (beta) | Hướng dẫn tạo Input Field Interaction với Interactive Component | kaorumap
Figma (beta) | Hướng dẫn làm Image Slider/Scroll bằng Interactive Component - PHẦN 2 | kaorumap
Просмотров 31 тыс.3 года назад
Figma (beta) | Hướng dẫn làm Image Slider/Scroll bằng Interactive Component - PHẦN 2 | kaorumap
Figma (beta) | Hướng dẫn làm Image Slider/Scroll bằng Interactive Component - PHẦN 1 | kaorumap
Просмотров 79 тыс.3 года назад
Figma (beta) | Hướng dẫn làm Image Slider/Scroll bằng Interactive Component - PHẦN 1 | kaorumap
InDesign - Master Pages & số trang tự động - Pages & automated page numbering | kaorumap
Просмотров 41 тыс.3 года назад
InDesign - Master Pages & số trang tự động - Pages & automated page numbering | kaorumap
Figma - Bài 7: Smart Animate | kaorumap
Просмотров 44 тыс.3 года назад
Figma - Bài 7: Smart Animate | kaorumap
Portrait Study | Lee Je Hoon & some random thoughts about Covid-19 | kaorumap
Просмотров 1,6 тыс.3 года назад
Portrait Study | Lee Je Hoon & some random thoughts about Covid-19 | kaorumap
Color - Bài 4: Cách tạo 1 palette màu - How to create a color palette | kaorumap
Просмотров 22 тыс.3 года назад
Color - Bài 4: Cách tạo 1 palette màu - How to create a color palette | kaorumap
Color - Bài 3: Các hoà sắc cơ bản - Color harmony: Using the color wheel to combine hues | kaorumap
Просмотров 13 тыс.3 года назад
Color - Bài 3: Các hoà sắc cơ bản - Color harmony: Using the color wheel to combine hues | kaorumap
Color - Bài 2: Một số thuật ngữ chuyên ngành về màu sắc - Basic Terminology of Colors | kaorumap
Просмотров 13 тыс.3 года назад
Color - Bài 2: Một số thuật ngữ chuyên ngành về màu sắc - Basic Terminology of Colors | kaorumap
Color - Bài 1: Tìm hiểu về màu sắc - Understanding Colors | kaorumap
Просмотров 29 тыс.3 года назад
Color - Bài 1: Tìm hiểu về màu sắc - Understanding Colors | kaorumap

Комментарии

  • @lehoangminhthuk16hcm81
    @lehoangminhthuk16hcm81 День назад

    hay quá chị ơi

  • @WynNhuw
    @WynNhuw 4 дня назад

    Hữu ích và dễ hiểu lắm luôn. Cảm ơn Kaoru rất nhiềuuuuu :33

  • @sunyoungpark5506
    @sunyoungpark5506 5 дней назад

    O

  • @user-ng5xw7eq7s
    @user-ng5xw7eq7s 6 дней назад

    Chị giảng rất dễ hiểu, cảm ơn bài giảng của chị

  • @luatnguyen535
    @luatnguyen535 6 дней назад

    Phần đầu tiên e làm cho nó chảy ngay mà nó chạy là ở phần trên tìm kiếm ạ Có cách nào sửa ko ạ

  • @anhtaydang8448
    @anhtaydang8448 11 дней назад

    cám ơn chị đã giải đáp thắc mắc ạ :3

  • @nhathan428
    @nhathan428 12 дней назад

    Em tập tành học kiến thức cơ bản về design từ kênh của cô, cảm ơn cô nhiều!

  • @nhathan428
    @nhathan428 13 дней назад

    cảm ơn cô rất nhiều ạ, em là một bạn mù tư duy thiết kế và video của cô làm em mở mang được rất nhiều kiến thức hay về thiết kế luôn cô

  • @nhathan428
    @nhathan428 13 дней назад

    em cảm ơn chị nhiều ạ

  • @huanenzie4921
    @huanenzie4921 14 дней назад

    Cảm ơn chị đã hướng dẫn. Xem xong list video của chị e đã tự tin trong việc thiết kế với figma ❤❤

  •  15 дней назад

    cô ơi, cô có thể gợi ý em cho 1 số bài tập để thực hành với các nguyên tắc thiết kế như này được không ạ?

  • @ngoctruong235
    @ngoctruong235 16 дней назад

    Cám ơn chị nhiều lắm về những bài giảng rất dễ hiểu ạ.

  • @Su-jr8ym
    @Su-jr8ym 17 дней назад

    học IT theo lĩnh vực này được không ạ

    • @kaorumap
      @kaorumap 16 дней назад

      Tùy trình độ của bạn thôi chứ ai học thiết kế cũng được cả

  • @phuongvy1992
    @phuongvy1992 18 дней назад

    cái text box hay mấy cái khung ảnh khi mình di chuyển sao nó ko bắt điểm hay đề xuất khoảng cách như lúc trước, bạn có biết bật nó lên ở đâu ko . chỉ giúp mình, cảm ơn !!!

  • @quannolan
    @quannolan 19 дней назад

    Chị có ra video nào hướng dẫn cách tìm job nước ngoài như chị không ạ,

    • @kaorumap
      @kaorumap 7 дней назад

      Chị làm ở Việt Nam mà em

  • @DanhLê-e6v
    @DanhLê-e6v 21 день назад

    thanks bạn đã share ..

  • @torunativi4944
    @torunativi4944 21 день назад

    chị cho em hỏi là phần text mình kiếm ở đâu được ạ

    • @kaorumap
      @kaorumap 7 дней назад

      em cứ tìm đại 1 bài viết nào trên mạng rồi thực hành thôi em

  • @ThuyNguyen-yn5ds
    @ThuyNguyen-yn5ds 21 день назад

    Cô có khoá học bên udemy về thiết kế ui/ux không ạ

    • @kaorumap
      @kaorumap 21 день назад

      Cô ko làm với udemy, cô sẽ làm và up lên youtube luôn nha em

  • @thanhnx9368
    @thanhnx9368 25 дней назад

    19/08/2024 - Một FrontEnd Developer đang học thiết kế figma Cảm ơn chị nhiều!

  • @DongLuong-b4u
    @DongLuong-b4u 27 дней назад

    Mẹo này hay quá! cảm ơn bạn!

  • @VuongNguyen-po5jj
    @VuongNguyen-po5jj Месяц назад

    có cách nào để khi kéo icon vào các column thì chắc chắn nó ở chính giữa không chị, vì mình kéo tay nên chưa chắc nó đã ở giữa column ấy ạ

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

    1:01 chị ơi khi tạo component avatar em tạo hình tròn > fill ảnh > set component, vậy nhưng khi kéo component đó ra dùng và vào plugin avatar để đổi ảnh khác như chị làm thì ảnh mới đó lại được fill vào thành hình vuông bao quanh hình tròn avatar là ảnh cũ ạ. chị giải thích giúp em sao nó không thay bằng ảnh mới như chị làm đoạn này được không ạ

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

      khi em kéo component đó từ phần assets ra nó không hiện image ở fill như chị mà lại là #fffff (đã bị tắt mắt) và em dùng plugin unplash để đổi avatar mới ạ (khi dùng plugin avatars em không thấy nó đổi ảnh mới huhu)

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

    Cảm ơn chị vì những video bổ ích và rất dễ hiểu nữa ạ. Em mong chị có thể tiếp tục ra thêm nhiều video chất lượng khác ạ. 🥰🥰🥰

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

    cảm ơn chị, bài dễ hiểu và giọng trầm cuốn thật sự

  • @KiBeo-sr3sq
    @KiBeo-sr3sq Месяц назад

    tip cực hiệu quả. cám ơn b

  • @user-qp2rm7rb9k
    @user-qp2rm7rb9k Месяц назад

    e cảm ơn chị, video rất bổ ích

  • @ThưMint282
    @ThưMint282 Месяц назад

    Em chào Cô, Cô cho em hỏi có cách nào chỉnh sửa lại kích thước trang khi đã tạo và thao tác trên trang không ạ? Cảm ơn Cô

  • @user-sm1li1ub4e
    @user-sm1li1ub4e Месяц назад

    chị ơi cho em hỏi vs đc ko ạ ?? chị làm s để bỏ cái hình vô cuốn sách vậy ạ

    • @kaorumap
      @kaorumap 7 дней назад

      ruclips.net/video/I8H67Hs31Bg/видео.html

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

    học ngành này sau này có triển vọng kh ạ

    • @kaorumap
      @kaorumap 7 дней назад

      Giỏi thì ngành nào cũng triển vọng, dở thì ngành nào cũng toang em ơi

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

    làm sao để tạo 1 hình cổng vòm rồi chèn 1 hình vào ạ?

    • @kaorumap
      @kaorumap 7 дней назад

      Em dùng pentool hoặc mấy công cụ hình cơ bản vẽ hình cổng vòm rồi place ảnh vào thôi

  • @QuyLe-lw2ul
    @QuyLe-lw2ul Месяц назад

    Hay ghê b

  • @quynhhoale3218
    @quynhhoale3218 2 месяца назад

    Cám ơn bạn nhiều. Bạn tổng hợp được các ví dụ điển hình và giải thích dễ hiểu quá ạ. Mong bạn nhiều sức khỏe và có thêm nhiều hướng dẫn hay cho cộng động ạ

  • @winter_t
    @winter_t 2 месяца назад

    Series rất hữu ích, em cảm ơn chị nhiều ạ!

  • @ycuaang473
    @ycuaang473 2 месяца назад

    sao dờ e mới biết tới chị ta :v

  • @ChouuNguyen-o1d
    @ChouuNguyen-o1d 2 месяца назад

    Tìm hoài may quá xem đc bài của chị xem đến đâu em hiểu đến đó. Mong cị ra nhiều video về figma ạ

  • @ChouuNguyen-o1d
    @ChouuNguyen-o1d 2 месяца назад

    Chị dạy rất dễ hiểu ạ ❤❤❤

  • @caocao9132
    @caocao9132 2 месяца назад

    thì ra những người gay đc ám chỉ đến sự "tím lịm" vì ko có nam nào thích màu tím hết :)))

  • @mythao102
    @mythao102 2 месяца назад

    Chị ơi em làm được hiệu ứng rồi, nhưng khi em muốn dùng background này cho 1 page dài thì làm sao để fixed được backgound này ạ? em để fixed (stay in place) khi nối prototype thì backgound sẽ chèn lên trên cùng che hết nội dung page của e ạ :<

  • @ziettien1305
    @ziettien1305 2 месяца назад

    Cho em xin cấu hình máy tính ạ?

    • @kaorumap
      @kaorumap 2 месяца назад

      Macbook pro M1 max 14" nhé em

  • @nhungtrinh1390
    @nhungtrinh1390 2 месяца назад

    em muốn hỏi cách export file để người khác không copy được text ạ

    • @kaorumap
      @kaorumap 2 месяца назад

      Vậy lúc export em chọn loại file jpg thì nó sẽ thành dạng ảnh

    • @kaorumap
      @kaorumap 2 месяца назад

      Em chọn loại file lúc export thành jpg thì trang sẽ thành dạng ảnh

  • @chaengsquareblackpink4962
    @chaengsquareblackpink4962 2 месяца назад

    Chị làm thêm các video về figma tutorials đi ạ

  • @vocongnguyen1345
    @vocongnguyen1345 2 месяца назад

    Cảm ơn chị❤

  • @Meochichi
    @Meochichi 3 месяца назад

    em cảm ơn cô ạ, video rất chỉn chu

  • @joselynluc
    @joselynluc 3 месяца назад

    Video dễ hiểu, ko gây buồn ngủ, ko lan man, vô thẳng vấn đề. Cảm ơn chị đã chia sẻ ạ.

  • @khacchiennguyen6116
    @khacchiennguyen6116 3 месяца назад

    Mn người cho tôi hỏi là dùng simple method có thực sự hiểu quả để vẽ chân người thường ko?:)Cảm ơn ạ

    • @kaorumap
      @kaorumap 2 месяца назад

      Simple method là method gì vậy bạn?

  • @NamTran-yz6ry
    @NamTran-yz6ry 3 месяца назад

    cảm ơn chị rất nhiều 😍

  • @miutv7387
    @miutv7387 3 месяца назад

    làm sao để mở tính năng có dòng kẻ đối xứng của trang vậy chị?

    • @kaorumap
      @kaorumap 7 дней назад

      Em xem bài 1 Indesign nha

  • @TRANTHANHDUY-PROD.ZIZZAN
    @TRANTHANHDUY-PROD.ZIZZAN 3 месяца назад

    6:40

  • @thanhnganchung1951
    @thanhnganchung1951 3 месяца назад

    dạ em cảm ơn chị nhiều ạ

  • @desmnb
    @desmnb 3 месяца назад

    Từ một người không biết tí gì về indesign, mà nhờ xem các clip của bạn, mình đã rất tự tin hơn nhiều và dựng được nhiều file từ nó. Khi quên bài lại vào xem lại ^^ Hy vọng bạn có thể làm thêm bài về shape, line trong indesign. Cảm ơn bạn nhiều