Khai giảng: Thiết kế Website UI/UX WD01

KHÓA HỌC: THIẾT KẾ WEBSITE UI/UX ( WD01)

Ngày 25/03/2019 – iDesign đã tổ chức khai giảng lớp thiết kế Website WD01
Lớp sẽ học chính thức vào: 01/04/2019 – Hiện vẫn còn 03 chỗ trống


👉Đây Một khóa học cực kỳ hấp dẫn dành cho các bạn quan tâm đến thiết kế website và UI/UX

👉 Nếu bạn muốn trở thành:

🔹Chuyên viên thiết website tại các công ty phần mềm
🔹Chuyên viên tư vấn và thiết kế Website
🔹Chuyên viên vận hành Website doanh nghiệp
🔹Chuyên viên truyền thông số

👉👉👉Hãy tham gia ngay khóa học thiết kế website các bạn nhé
>>> Đăng ký ngay: https://idesign.edu.vn/dang-ky-hoc
>>> Chi tiết về khóa học: https://bit.ly/2CESRze

👉👉Đặt biệt, iDesign sẽ cam kết giới thiệu việc làm cho học viên sau khi kết thúc khóa học

Hãy đăng ký ngay khóa học để trở thành một nhà thiết kế Website chuyên nghiệp các bạn nhé

Đăng ký ngay hôm nay để được giảm 10% học phí toàn khóa học

6 màu sắc bạn nên sử dụng trong năm 2019

Màu sắc giúp định hình mọi thứ từ cảm xúc đến các sản phẩm chúng ta mua. Mỗi năm mới lại xuất hiện một xu hướng màu mới và cho dù bạn là nhà Marketing hay là nhà thiết kế đồ họa, việc biết trước những xu hướng màu sắc rất hữu ích cho công việc của bạn. Trong bài viết này, chúng tôi đã tổng hợp một số xu hướng màu sắc lớn nhất của năm 2019 và gợi ý nhanh cách sử dụng chúng trong thiết kế.

Tương tự như xu hướng thời trang, cũng có những xu hướng thiết kế đến và đi qua mỗi năm. Mặc dù có những nguyên tắc trường tồn với thời gian nhưng việc sử dụng xu hướng màu sắc mới làm cho thiết kế của bạn trông hiện đại hơn.

Năm nay, chúng tôi dự đoán rằng các màu xu hướng sẽ đậm và sáng. Trong khi năm ngoái chúng ta đã thấy các màu sắc thường phẳng và nhẹ nhàng, năm nay chúng ta đang thấy các thiết kế đến từ tương lai, với giao diện đẹp và màu sắc sống động.

Dưới đây là sáu xu hướng màu sắc mà chúng tôi dự đoán sẽ phổ biến trong thế giới thiết kế trong năm 2019.

1. Living Coral (màu cam san hô)

2019 sẽ là một năm tươi sáng. Pantone vừa công bố màu sắc của năm 2019 và ngay lập tức làm hài lòng mọi người, đó là một màu đậm và vui tươi tràn đầy năng lượng. Đánh giá theo lựa chọn của Pantone, bảng màu đang chờ chúng ta vào năm 2019 không có nguy cơ bị nhàm chán hay buồn tẻ. Màu sắc năm nay thực sự là một cú đấm bất ngờ và chắc chắn sẽ khiến bạn cảm thấy vui vẻ và lạc quan, lan tỏa một sự rung cảm mạnh mẽ ngay cả vào những ngày xám xịt nhất của mùa đông.

Living-Coral-2019-01.

Ảnh: Viacheslav Danishevskyi​

Với màu sắc này, Pantone cố tình thách thức xu hướng đen trắng cực kỳ tối giản mà rất nhiều công ty đang đón nhận trong năm nay, để ủng hộ sự lạc quan với đầy màu sắc. Màu này không chỉ là một màu nhấn bắt mắt trong logo, bao bì, bìa sáchthiết kế web, mà còn chiếm vị trí trung tâm trong xu hướng gradient đang diễn ra mà chúng ta thấy ở khắp mọi nơi trong năm 2019.

Living-Coral-2019.

Ảnh: ZeBang​

Các công ty lớn như Apple đã áp dụng xu hướng màu sắc kết hợp tự nhiên và công nghệ với thiết kế iPhone mới của họ. Đó là tín hiệu cho thấy con đường thành công dài phía trước của Living Coral.

2. Màu sắc sống động

Con người dễ dàng bị thu hút bởi những thứ họ nhìn thấy, màu sắc có thể giúp nhà thiết kế thu hút sự chú ý của người dùng và truyền đạt thông điệp. Và năm nay, họ đang thu hút sự chú ý với các tác phẩm bằng cách sử dụng màu sắc tươi sáng và sống động.

Đã đến lúc bỏ đi để chơi an toàn với màu sắc bị tắt trong thiết kế của bạn. Năm 2019, chúng ta sẽ được chứng kiến những màu sắc rực rỡ hơn, nổi bật hơn sẽ ngự trị.

mau-hong.

Ảnh: xuliqun​

3. Hồng

Như chúng tôi đã đề cập ở trên, năm 2019 sẽ tập trung vào việc thu hút sự chú ý của người xem và khơi gợi cảm xúc. Cách nào tốt hơn để làm điều này hơn là thử một chút màu hồng. Xuyên suốt ý nghĩa giới tính truyền thống, màu hồng đang chứng tỏ là một màu linh hoạt trong thế giới thiết kế, được tìm thấy ở khắp mọi nơi từ các tài liệu tiếp thị đến thiết kế iPhone.

Màu hồng là một màu sắc mạnh mẽ để khơi gợi cảm xúc người xem.

mau-hong-cam-xuc.

Ảnh: Berin Catic​

4. Lime green

Đầu năm nay, Shutterstock đã phát hành báo cáo xu hướng màu sắc năm 2019 của họ. Trong báo cáo này, họ phát hiện ra rằng UFO màu xanh lá cây, hồng Plastic và Tím proton đang có sức hút mạnh mẽ.

[​IMG] ​

Dựa trên các phân tích và dữ liệu được thu thập từ hàng tỷ lượt tìm kiếm hình ảnh trên trang web của họ, Shutterstock cũng nhận thấy rằng Lime Green hiện là màu được tìm kiếm phổ biến nhất.

Màu Lime green là màu liên quan đến tự nhiên, tự tin và năng lượng. Và theo tâm lý màu sắc, nó được cho là thúc đẩy cảm giác sống động, tươi mới và sáng tạo.

b>5. Tông màu đất

<

Với việc sử dụng mạng xã hội ở mực cao nhất trong việc sống ảo như hiện nay, có một số nhà thiết kế đang tìm cách khiến người xem cảm thấy tự nhiên hơn.

nau-dat.

Ảnh: Mario Šimić

Các tông màu đất đang nổi lên như một xu hướng hàng đầu, theo ông Sue Wadden, Giám đốc tại Sherwin-Williams chia sẻ với Forbes. Sue dự đoán rằng chúng ta sẽ thấy một sự phát triển mạnh của các tông màu đất như taupes, xanh lá cây, xanh dương và yến mạch trong các thiết kế trong năm nay.

Nếu bạn đang tìm cách thu hẹp khoảng cách giữa thiên nhiên và thiết kế, bạn sẽ thấy những màu sắc thoải mái này hoàn hảo cho thiết kế của bạn.

6. Vàng

Màu vàng toát lên sự sang trọng, thành công, thành tích và chiến thắng. Nó cũng liên quan chặt chẽ đến hoàng gia, sự giàu có và thường là giai cấp.

Vàng từ lâu đã là một màu chủ đạo trong thiết kế, nhưng, nhờ những cải tiến trong công nghệ, cả trên màn hình và in ấn, năm nay là thời điểm tốt để sử dụng vàng trong các thiết kế của bạn.

mau-vang. ​

Thêm điểm nhấn của vàng trong thiết kế của bạn sẽ mang lại cho họ cảm giác sang trọng và sang trọng.

Vàng sáng hơn sẽ thu hút sự chú ý của người xem, trong khi vàng đậm hơn sẽ mang lại sự phong phú và ấm áp cho các thiết kế của bạn. Bạn cũng có thể thử thêm một điểm nhấn vàng vào bảng màu lấy cảm hứng từ thiên nhiên gồm cam, xanh lá cây, nâu hoặc thậm chí Living Coral để thêm hiệu ứng.

Theo xu hướng táo bạo khác mà chúng ta sẽ thấy trong năm 2019 và một sự thay đổi so với xu hướng thiết kế phẳng của năm 2018, việc sử dụng màu sắc và các yếu tố kim loại sẽ giúp bạn củng cố các thiết kế và kiểu chữ của mình trong năm tới

Nguồn: designervn.net

Tổng hợp các xu hướng Web design trong năm 2018

Thời điểm cuối năm đang đến gần, nên tôi nghĩ rằng đây là thời điểm thích hợp để tổng hợp lại những điểm nổi bật của web design trong năm qua.

Tiêu đề lớn và kiểu chữ đậm

mobile app

Typography và hình ảnh luôn là hai trụ cột của web design vì chúng thu hút sự chú ý và tạo ấn tượng đầu tiên cho người dùng, tạo ra tính cách cũng như tone của trang web.

Và các heading luôn được sử dụng để tạo điểm nhấn cho những phần quan trọng nhất của trang web và làm cho nó dễ đọc hơn, tạo sự khác biệt giữa các phần khác nhau. Và các thiết bị di động đang giúp cho các nhà thiết kế hơn trong việc làm tăng độ phân giải màn hình.

Thiết kế hướng di động

Như tôi đã đề cập trước đó, các thiết bị di động đang trở nên tốt hơn trong việc hiển thị các trang web do tăng độ phân giải và độ sắc nét của màn hình. Và không có gì đáng ngạc nhiên khi điện thoại di động đã chính thức vượt qua máy tính để bàn trong việc sử dụng internet, do đó, chẳng có gì bất ngờ khi ngày càng nhiều người nghĩ tới việc thiết kế trên điện thoại di động trước, sau đó mới tới máy tính để bàn.

Chủ nghĩa tối giản

Phong cách này đã có mặt trong một thời gian rồi chứ không phải chỉ trong năm nay, nhưng vẫn có ngày càng nhiều web designer có xu hướng tạo ra các thiết kế tối giản với lượng thông tin và đồ họa tối thiểu. Bởi vì không ai muốn những trang lộn xộn với vô số yếu tố tương tác, họ muốn những gì cần thiết thôi, và các thiết kế tối giản giúp họ đạt được mục đích này.

Màu sắc tươi sáng và rực rỡ

Và cũng đừng quên tạo ra một sự kết hợp tương phản trong thiết kế. Trong khi những năm trước đây, nhiều brand luôn giữ màu sắc an toàn cho web thì năm nay là một khởi đầu mới cho web. Các designer không ngại thử nghiệm, sử dụng màu sắc hoang dã để thu hút sự chú ý.

Custom illustrations

Cuối cùng, chúng ta bắt đầu thấy ngày càng ít ảnh stock và video trên website! Và thay vào đó, các brand mang đến cho chúng ta custom illustrations, thường được cách điệu và phù hợp với tone thương hiệu.

Gradients

Vâng, đây chính là một xu hướng liên quan đến màu sắc khác, nhưng tôi không muốn đưa nó vào phần “màu sắc tươi sáng và rực rỡ” vì một vài lý do đơn giản – không phải lúc nào gradient cũng là màu sắc rực rỡ, và dù sao nó cũng là một xu hướng hoàn toàn độc lập. Trong những năm trước, flat design là một phong cách nổi trội, nhưng gradient đã trở lại vào năm 2018.

Animation

Đó có thể là một animation siêu nhỏ của các mục menu bật lên khi bạn di chuột qua chúng hoặc là animation của toàn bộ trang (như trong ví dụ trên), nhưng thực tế là animation đang dần chiếm lĩnh. Chúng cho phép truyền tải thông điệp và thu hút sự chú ý tốt hơn tới visitor. Bên cạnh đó công nghệ phát triển khá nhanh, nó cho phép ngày càng nhiều website kết hợp animation với tác động tối thiểu lên hiệu suất.

Bố cục không đối xứng và broken

Xu hướng này sẽ diễn ra mạnh mẽ vào năm 2018, sau khi được giới thiệu đâu đó vào khoảng năm 2017. Bạn không thể chối cãi rằng nó có sức hấp dẫn và sự độc đáo nhất định, dù không có gì đối xứng và có vẻ lạc lõng, nhưng chúng lại hoàn toàn hòa hợp nhau trên trang. Mặc dù bố cục grid broken có thể không phù hợp với các trang web có nhiều nội dung, đặc biệt là nhiều văn bản, nhưng nó vẫn là một xu hướng thú vị.

Nguồn: Techtalk via medium.com

 

Xây dựng và nhận dạng thương hiệu

Xây dựng và nhận dạng thương  hiệu (Branding và Identity) luôn tồn tại xung quanh chúng ta. Nếu để ý kỹ bạn sẽ nhận thấy chúng tồn tại trên các trang web, bao bì sản phẩm và các loại quảng cáo khác nhau. Ngay cả các vật dụng cá nhân, như tài liệu và danh thiếp, đều mang những đặc điểm nhận dạng riêng.

branding_intro_shine_system.


Hiểu một cách đơn giản, xây dựng thương hiệu là những gì người khác nghĩ – về bạn, công ty, sản phẩm của bạn hoặc dịch vụ của bạn. Nhận dạng thương hiệu là hình ảnh của thương hiệu bạn sẽ trông như thế nào, từ logo đến cả cách lựa chọn màu sắc và rất nhiều thứ khác.

branding_intro_fast_food.


Hình ảnh có sức thuyết phục rất lớn. Hãy thử đặt mình vào vị trí của người tiêu dùng. Bạn đã bao giờ chọn sản phẩm đơn giản chỉ vì bao bì bắt mắt chưa?
Hiểu được hình ảnh thương hiệu cho phép bạn đưa ra nhận diện thương hiệu phù hợp hơn. Bất kể về cấp độ vai trò, hoàn cảnh hoặc kinh nghiệm của bạn.

Nhận diện hình ảnh thương hiệu

Nhận diện hình ảnh thương hiệu giống như bản xem trước về thương hiệu của bạn. Mỗi phần của thiết kế tạo nên mảnh ghép hoàn hảo cho thương hiệu. Đấy có thể là chút cổ điền hoặc hiện đại…hay một phong cách khác, đều không vấn đế gì. Tất cả chúng sẽ làm việc cùng nhau, tạo nên chính xác hình ảnh thương hiệu của bạn.

branding_closer_menus.


Dĩ nhiên, thiết kế nhận diện không bao gồm toàn bộ thương hiệu của bạn. Bạn có thể sử dụng nhận diện thương hiệu cho mọi công ty, dù lớn hay nhỏ. Cho dù bạn đang cập nhật hồ sơ của mình, hay để nâng cao nhận diện trên website.

branding_closer_personal.


Các thành phần chính của nhận dạng hình ảnh là logomàu sắckiểu chữ và hình ảnh. Đọc tiếp để tìm hiểu kỹ hơn.

branding_closer_style_guide.


Logo

Logo là yếu tố quan trọng nhất giúp nhận diện thương hiệu. Nó được tạo bởi một dấu hiệu, kiểu chữ hay cả hai. Các logo hiệu quả nhất thường có thiết kế khá đơn giản. Nó giúp người xem dễ nhận biết – và dễ nhớ hơn.

branding_logo_trailfindr.


Mọi thành phần của biểu tượng của bạn đều góp phần tạo nên bản sắc thương hiệu của bạn, bao gồm lựa chọn phông chữ, màu sắc và hình ảnh khác của bạn. Thay đổi ngay cả một trong những yếu tố này và nó có thể có tác động lớn đến cách thương hiệu của bạn được cảm nhận.

Trong cuộc sống, logo có ở khắp mọi nơi. Nếu để ý, bạn sẽ thấy chúng luôn xuất hiện cùng thương hiệu. Chúng là vẻ bề ngoài – đại diện cho công ty, cá nhân hay tổ chức nào đó. Logo là đại diện cho thương hiệu, theo đúng nghĩa đen.

branding_logo_van.


Logo là cách mọi người nhận ra công ty bạn, và xác định sản phẩm hoặc dịch vụ của bạn. Đó là lý do bạn nên sử dụng logo thật cẩn thận. Logo bị mờ, bóp méo hoặc quá nhỏ có thể ảnh hưởng đến nhận diện hình ảnh. Dưới đây là ví dụ của logo kém chất lượng.

branding_logo_quality.


Để tránh những vấn đề này. Cần giữ bản gốc logo sắc nét, chất lượng cao và có thể sử dụng cho nhiều dự án. Bằng cách đó, bạn có thể dùng logo cho rất nhiều mục đích. Cho dùng là in tài liệu đơn giản, công việc hay bất kỳ mục đích nào khác. Tốt nhất là Logo nên ở dạng Vector.

branding_logo_blimp.


Màu Sắc

Màu sắc giúp xác định thương hiệu của bạn theo một cách rất mạnh mẽ. Nó không chỉ tạo ấn tượng mạnh mẽ cho người xem mà còn tạo ra cảm giác nhất quán khi được sử dụng trên nhiều dự án hoặc nền tảng.

branding_color_arizona.


Hầu hết các công ty dùng màu logo làm màu chính cho thương hiệu. Các màu bổ sung có thể giúp bạn mở rộng bảng màu chính, nhằm giúp khách hàng hiểu rõ về thương hiệu của bạn.

branding_color_focus.


Có rất nhiều cách sử dụng màu sắc thương hiệu. Nhưng nên cẩn thận, không dùng quá nhiều màu và tuân thủ tiêu chuẩn thiết kế cơ bản.

Tránh những sai lầm như dùng màu sắc quá nổi bật, hoặc vi phạm quy tắc thiết kế đã quy định từ trước. Như một ví dụ dưới đây, màu chữ và màu nền không có độ tương phản gây khó chịu cho người đọc.

branding_color_clash.


Đảm bảo trong bảng màu có các màu trung tính như đen, xám, trắng và trắng nhạt. Bằng cách này, khi bạn sử dụng màu thương hiệu, thì nó sẽ thực sự nổi bật.

branding_color_neutral.


Kiểu chữ

Kiểu chữ có thể gây nhàm chán nhưng nếu bạn thay đổi một chút có thể gây ngạc nhiên cho người xem. Tất cả bạn cần là làm cho font chữ trở nên khác biệt và khách hàng sẽ có cái nhìn khác về thương hiệu của bạn.

branding_type_logos.


Hầu hết các thương hiệu đều chọn từ hai đến ba phông chữ – được lấy cảm hứng từ các biểu tượng — để sử dụng cho các thiết kế khác. Phông chữ sáng tạo cũng nên được chọn cẩn thận và phải phản ánh bản sắc độc đáo của thương hiệu.

branding_type_winter.

​Có một số font chữ mà các chuyên gia hạn chế sử dụng. Đó là những font chữ đã từng phổ biến còn bây giờ coi là lỗi thời và lạm dụng. Các font chữ dưới đây là một ví dụ tiêu biểu về vấn đề này.

branding_type_bad_fonts.


Không còn nghi ngờ, một font chữ củ kỹ và rườm rà có thể gây ảnh hưởng tiêu cực đến thương hiệu của bạn. Khi lựa chọn phông chữ phù hợp sẽ giúp thương hiệu trở nên hiện đại và chuyên nghiệp hơn.

branding_type_about_me.


Hình ảnh

Hình ảnh là yếu nhân tố ảnh hưởng rất lớn đến việc xây dựng một bản sắc thương hiệu độc đáo. Mỗi bức ảnh, hình ảnh, biểu tượng và nút bấm là cơ hội để giới thiệu thương hiệu của bạn và định hình cách người dùng tương tác với sản phẩm.

branding_images_trailfindr.

​Trong nhận diện chuyên nghiệp, icon trên trang web thường được thiết kế riêng cho thương hiệu. Chẳng hạn như hình ảnh trong danh mục hoặc hình vẽ trong ứng dụng. Người mới bắt đầu có thể đạt được kết quả tương tự bằng cách chọn một hình ảnh đặc trưng với dòng nhỏ tinh tế. Chẳng hạn như màu sắc riên. Một ảnh cùng chủ đề hoặc một phong cách đồ họa nhất quán.

branding_images_triptych.


Quan trọng nhất, tránh những hình ảnh quá chung chung hoặc không được tổ chức. Điều này là có thể khó khăn nếu bạn đang dựa vào ảnh sto
ck của bên thứ ba, nhưng có nhiều cách cải thiện vấn đề này.

branding_images_watermark.


Tránh những hình ảnh thiếu bối cảnh hoặc xuất hiện thường xuyên trong các thiết kế của các thương hiệu khác. Nhìn vào ảnh bên dưới. Một số người xem có thể tìm nhìn thấy và nhận ra rằng hình ảnh đang được chèn ghép và dễ nhận thấy.

branding_images_stock1.


Thay vào đó, hãy chọn hình ảnh có vẻ chân thực, con người và những thứ đích thực. Những hình ảnh tốt nhất là hiện thân của quan điểm độc đáo của bạn. Họ đại diện cho cách bạn muốn được nhìn thấy khi mọi người nghĩ về thương hiệu của bạn.

branding_images_stock2.


Sắp xếp tất cả cùng nhau

Nhận dạng hình ảnh thương hiệu không chỉ là một công cụ tiếp thị. Đó là một cách nhìn vào thiết kế loại bỏ nhiều nghi ngờ của khách hàng. Với tầm nhìn rõ ràng về thương hiệu của bạn, bạn biết chính xác màu sắc, phông chữ và hình ảnh cần sử dụng. Bạn có thể tạo ra những tác phẩm nhất quán mà người xem sẽ ghi nhớ.

Nguồn: gcfglobal.org

14 xu hướng thiết kế trang web có độ phản hồi cao

xu-huong-thiet-ke-web

TOP 14 XU HƯỚNG WEB PHẢN HỒI

LESS IS MORE

Nhiều chuyên gia SEO và trang web cho rằng “càng lớn càng tốt.” Họ cho rằng một trang web có rất nhiều các trang và nội dung thì sẽ có cơ hội tốt nhất cho việc xếp hạng một loạt các từ khoá. Một trang web dày đặc có thể gây nhầm lẫn cho người dùng cũng như gây khó khăn trong việc cập nhật; những trang và nội dung hết hạn thường bị bỏ quên, dẫn đến việc trang web có rất nhiều lỗi. Bây giờ, người dùng thích những trang web rõ ràng, nơi họ có thể tìm thông tin nhanh chóng và dễ dàng hơn. Một trang web ít chữ và nhiều hình ảnh là kiểu website được ưa chuộng hiện nay

CARD LAYOUTS

Một trong những xu hướng thiết kế phổ biến hiện nay là “card layout”. Được biết đến thông quan Pinterest, card layout đã trở thành phương pháp phổ biến để trình bày nội dung trang web. Thiết kế giao diện thẻ là cách đơn giản để tổ chức thông tin theo mô hình lưới. Từng thông tin được sắp xếp dưới dạng “thẻ”, với một hình ảnh đặc biệt hoặc là một văn bản dạng khối. Thiết kế dạng thẻ đặc biệt quan trọng đối với những trang web có độ phản hồi cao bởi khả năng sắp xếp cấu trúc và nội dung dựa trên kích thước màn hình thiết bị của người dùng.

SPLIT – Bố cục màn hình (Screen layout)

Trong hầu hết các trường hợp chia bố cục – bố cục màn hình sắp xếp các bảng điều khiển dọc cho các thiết bị nhỏ hơn, khiến nó phù hợp hơn với các framework có độ phản hồi cao. Bố cục chia màn hình là phần mở rộng của khái niệm thiết kế dạng thẻ, thay vì phải tạo nhiều khung chứa khác nhau, màn hình được chia thành hai khung nội dung, mỗi khung tương thích với một hành vi của người dùng.

MENU ẨN

Một phần trong thiết kế UI đã phổ biến trong nhiều năm là menu ẩn. Từ dạng drop-down, dạng fly-out cho đến biểu tượng menu “hamburger” để điều hướng, menu ẩn giúp tiết kiệm không gian trong khi vẫn có thể hiển thị đầy đủ nội dung của menu cho người dung.

Đây là một kỹ thuật khác dùng để thiết kế trang web phản hồi nhanh, giúp tiết kiệm không gian và công việc trên bất kỳ kích cỡ màn hình nào. Cách thiết kế này cũng được tính hợp với toàn bộ trang web và không chỉ với những thiết bị có khung nhìn nhỏ hơn. Ở đây, menu chính được giấu đi và chỉ hiển thị khi người dùng nhấp vào đúng biểu tượng, như biểu tượng “bánh hamburger”. Menu ẩn đã trở thành xu hướng trong việc giữ thiết kế đơn giản. Một trang chủ đơn giản, người dùng thao tác dễ dàng hơn trong việc điều hướng trang web đã trở thành xu hướng

MENU FLYOUT / SLIDEOUT

Một tuỳ chọn menu khác cũng dần phổ biến những năm gần đây là slideout menu. Các nhà thiết kế đang cố gắng làm cho tất cả những yếu tố trên trang web trông thật tuyệt vời, phù hợp với bất kỳ kích thước và thiết bị di động. Thiết kế điều hướng trở nên rất quan trọng trong việc làm cho trải nghiệm người dùng tốt hơn. Ngày nay, các nhà thiết kế sử dụng những ứng dụng có menu flyout và slideout trong các trang web có độ phản hồi cao để tiết kiệm không gian trên màn hình máy tính, máy tính bảng và các thiết bị điện thoại thông minh.

THIẾT KẾ WEB ĐƠN GIẢN

Các nhà thiết kế web tập trung hơn vào các thiết kế giản đơn, loại bỏ những chi tiết thiết kế không gần thiết tạo nên được vẻ đẹp cân bằng giữa kiểu chữ, hình ảnh, bảng màu và khoảng trắng.

Rất nhiều thương hiệu và nhà thiết kế đang hướng tới những trang web rõ ràng, đơn giản, có tính thẩm mỹ cao và vẫn nổi bật trước những trang web nặng về nội dung và có nhiều yếu tố rắc rối.

TYPOGRAPHY RẤT LỚN

Với màu sắc đậm, kiểu chữ phong phú, typography đã trở thành một yếu tố quan trọng trong thiết kế web và tiếp tục phát triển trong nhiều năm về sau.. Trên thực tế, tiêu đề và typography ngày càng lớn hơn bởi nó gây sự chú ý với người dung ngay lập tức.

HÌNH ẢNH TUỲ CHỈNH CHẤT LƯỢNG CAO

Chất lượng hình ảnh cũng rất quan trọng cho một trang web thành công. Lựa chọn hình ảnh đúng sẽ tạo sự khác biệt tuyệt vời, đồng thời cũng đem đến hiệu quả cho trang web của bạn. Việc sử dụng hình ảnh chất lượng cao của bạn sẽ giúp việc nhận diện thương hiệu dễ dàng hơn. Kể cả khi hình stock có chất lượng cao và bạn phải lựa chọn giữa rất nhiều bức ảnh với nhiều mức giá khác nhau, bạn rất khó để chọn bức ảnh làm bạn hài lòng 100% và thể hiện đúng những gì bạn muốn truyền tải đến mục tiêu của bạn. Nếu bạn thuê nhiếp ảnh gia chuyên nghiệp, bạn sẽ có những bức ảnh độc đáo với chất lượng cao mà vẫn đúng như ý bạn muốn.

ĐỒ HOẠ VECTOR

Việc sử dụng vector ngày càng phổ biến hơn đồ hoạ raster. Sự khác biệt là đồ hoạ vector sử dụng điểm trên bản đồ vector để xây dựng một thiết kế nhất định, trong khi đồ hoạ raster chỉ dung những hình ảnh cũ và sử dụng những pixel trên một bitmap. Có sự linh hoạt về kích thước là một lợi ích lớn của thiết kế đồ hoạ vector. Chúng ta có thể thay đổi kích thước của thiết kế mà không lo lắng về chất lượng của nó. Các thiết kế biểu tượng nhìn vẫn như nhau dù được hiển thị trên bất kỳ thiết bị di động nào. Thiết kế đồ hoạ vector  rất phù hợp cho việc thiết kế những trang web có độ phản hồi cao.

THANH CUỘN DÀI

Sự phát triển nhanh chóng của thiết bị di động đã đưa xu hướng thiết kế web từ “nhấp” sang “cuộn” để người dùng có thể xem hết các nội dung trong cùng một trang. Việc cuộn trang sẽ dễ hơn, tốn ít thời gian hơn việc cứ phải nhấp vào những liên kết để tìm kiếm thông tin liên quan. Thiết kế cuộn theo chiều dọc hiện đang được ưa chuộng  để thể hiện nội dung trên cùng một trang web và trên trang đích, đôi lúc còn trên trang sản phẩm và trang giới thiệu. Các trang mạng xã hội sử dụng thiết kế cuộn vô tận, nội dung sẽ tiếp tục tải khi người dùng cuộn trang.

CẢI THIỆN WORKFLOW

Không phải tất cả các xu hướng đều có thể nhìn thấy được trên trang web chính thức. Một vài xu hướng “ẩn mình” chính là cải thiện khả năng phản hồi của thiết kế. Một thay đổi đáng nói là rất nhiều nhà thiết kế sử dụng prototyping phản hồi. Thay vì các số liệu thiết kế cho thấy từng điểm dừng khác nhau trong một thiết kế có tiềm năng, công cụ prototyping có độ phản hồi cao, như UXPIn tạo ra những trải nghiệm thật hơn, mà những trải nghiệm đó có thể triển khai nhanh chóng và dễ dàng. Những prototype này sẽ tạo ra những tương tác tốt hơn, cho phép bạn lấy them phản hồi và đưa ra những quyết định giúp thiết kế UI tổng quan tốt hơn.

THIẾT KẾ CĂN GIỮA CỐ ĐỊNH CHIỀU RỘNG

Những trang web đầu tiên có bố cục căn giữa với chiều rộng cố định, thể hiện những đường biên đặc biệt. Về sau, các nhà thiết kế bắt đầu lợi dụng thiết kế chiều rộng: trang web có thể phóng lớn 100% từ chính giữa màn hình mà không phụ thuộc vào kích thước màn hình hay độ phân giải. Tuy nhiên, bố cục căn giữa và cố định chiều rộng này hiện nay đang trở thành xu thế. Thiết kế giữa khiến người dung chú ý hơn đến trung tâm của trang web, nơi bố trí nội dung; rất nhiều nhà thiết kế sử dụng chiều rộng tối đa để thể hiện nội dung ở trung tâm từ một góc nhìn rộng hơn, tự động thay đổi kích thước ở những màn hình nhỏ hơn.

HIỂN THỊ VÀ TỐC ĐỘ

Để cung cấp trải nghiệm người dùng tốt hơn, các nhà thiết kế và lập trình viên đang chú trọng nhiều hơn vào độ sang của các trang web của họ để tiêu thụ ít băng thông hơn, tải nhanh hơn trên điện thoại và máy tính bảng cũng như trên các mạng chậm. Sự xuất hiện của các thiết kế web có độ phản hồi cao đã tạo ra sự quan tâm cho xu hướng này. Khả năng hiển thị của trang là một yếu tố rấ quan trọng đối với trải nghiệm người dùng và đánh giá SEO.

KỂ CHUYỆN

Câu chuyện truyền đạt ý tưởng và chia sẻ thông tin. Những câu chuyện sẽ kích hoạt một phần não của bạn mà những con số cũng như thông tin không thể làm được. Trên những trang web, việc kể chuyện tạo ra nhiều tương tác cũng như những nội dung đáng nhớ. Nghệ thuật kẻ chuyện đã trở thành nền tảng của những thiết kế. Mỗi câu chuyện hay đều có một anh hung, bạn cần phải kể câu chuyện sao cho khách hàng mục tiêu của bạn sẽ nhìn thấy họ trong đó. Đồng thời, trong mỗi câu chuyện cũng có một kẻ xấu hoặc một vấn đề cần được giải quyết. Kể cho người dùng của bạn vấn đề đó, phác thảo câu chuyện cho mọi người cùng hiểu hành trình mà bạn đang đi theo. Đừng quên về độ dài và đảm bảo độ dài mỗi dòng của câu chuyện của bạn phù hợp với cả màn hình lớn và nhỏ. Người ta sẽ khó theo dõi những câu quá dài, trong khi những câu quá ngắn lại làm mất nhịp câu chuyện. Cố gắng giữ mỗi dòng khoảng 75 ký tự và điều chỉnh kích thước phông chữ để đạt được kết quả tốt nhất.

Hãy làm cho người đọc dễ dàng chia sẻ câu chuyện của bạn với người khác. Xem xét đến việc chia sẻ chức năng ở đầu và cuối nội dung để người đọc không cần phải cuộn cả trang dài để bấm nút “chia sẻ”. Đồng thời cũng chắc chắn rằng những nút này có thể dễ dàng sử dụng trên màn hình cảm ứng.

Con người tạo ra ngôn ngữ hình ảnh trước bảng chữ cái. Các bức phù điêu cũng là cách người cổ đại giao tiếp với nhau. Các bức tranh giải thích vấn đề và cách giải quyết vấn đề. Các bức phù điêu kể những câu chuyện nóng bỏng, cảnh báo những nguy hiểm chực chờ, chia sẻ bí quyết sống còn. Chúng là những dữ liệu sống động.

Không thể truyền đạt mọi thứ bằng cách gạch đầu dòng cũng như sử dụng flash. Bạn cần kể những câu chuyện thú vị với hình ảnh sống động, trình bày chúng theo cách bắt mắt, hấp dẫn nhất. Những câu chuyện có hình ảnh đẹp sẽ thu hút nhiều người xem, tăng lượng người dung và tương tác.

Sự pha trộn của tất cả những xu hướng này sẽ giúp tăng sự tương tác, tang sales cũng như

Sự pha trộn hoàn hảo của tất cả các xu hướng này sẽ giúp bạn tăng sự tương tác, kinh doanh và giá trị thương hiệu.
Nguồn: Techtalk

Bí kíp làm chủ màu sắc trong thiết kế Logo

mau-sac-trong-thiet-ke-logo

Sắc màu là yếu tố thu hút và ảnh hưởng đến cảm nhận của người xem trong mọi việc và trong thiết kế thì sắc màu là một trong những yếu tố chính quyết định đến cảm xúc người xem. Mỗi màu sắc mang đến cho ta những cảm xúc và cảm nhận khác nhau như màu xanh da trời là màu của sự yên bình hay màu vàng là màu ấm áp và màu mang tinh thần cổ vũ tích cực. Và để có một thiết kế logo ấn tượng thì bạn nên nắm vững những quy tắc về màu sắc giúp bạn truyền đạt ý nghĩa và tinh thần của thương hiệu qua logo một cách tốt nhất.

Để làm việc hiệu quả thì bạn nên nắm vững 4 cách làm việc với màu sắc

Lý thuyết màu sắc

Bạn phải hiểu sự khác biệt giữa tâm lý màu sắc và chủ nghĩa tượng trưng màu sắc và lần nữa nó lại khác với các sự kết hợp với màu riêng lẻ.

Chủ nghĩa tượng trưng màu sắc là bước tiếp theo và cân nhắc với các điểm tương tác văn hóa: ví dụ đỏ tượng trưng cho giàu sang và tài lộc ở Trung Quốc trong khi màu trắng được sử dụng để đại diện cho cái chết. Điều này có thể có ích cho các nhãn hiệu có quy mô vùng miền hoặc quốc gia nhưng không toàn cầu. Coca-cola được bán ở Trung Quốc nhưng sẽ không xảy ra việc màu đỏ và trắng được thiết kể để truyền tải sự cân bằng giữa tiền bạc và cái chết.

Tâm lý màu sắc đi sâu hơn nhiều và gắn liền với cách chúng ta phản hồi lại màu sắc ở một mức độ vô thức. Màu đỏ là một màu vật lý, màu nội tạng khi so sánh với màu xanh mát hơn. Màu vàng thì sáng, năng động và đầy cảm xúc trong khi màu lục thì hài hòa, tự nhiên và cân bằng.

mau-sac-trong-thiet-ke-logo

Tất cả sự kết hợp này bao gồm một dãy các nghĩa tích cực và tiêu cực tùy vào sắc thái, màu và tông màu và cũng có thể kết hợp với các hành vi của chủ nghĩa biểu tượng cá nhân và văn hóa. Nhưng bản chất của hiệu ứng tâm lý đủ lớn để được xem như một phần của bất cứ quá trình thiết kế logo nào.

Cách tiếp cận tinh tế và khéo léo

Có rất nhiều cách tiếp cận khác nhau khi nói đến việc chọn bảng phối màu cho một thương hiệu, từ vòng màu cơ bản tới sự phối hợp giữa tâm lý và văn hóa phức tạp.

Nhà tâm lý học màu sắc Angela Wright đã tạo ra Colour Affects System, trong đó các sắc thái, tông màu có thể được phân loại thành một trong bốn nhóm. Các bảng phối màu được vẽ từ trong cùng một nhóm sẽ trông hài hòa hơn.

Màu sắc nhóm 1

Màu sắc thuộc nhóm 1 thì tươi, thanh nhã, ấm và không có màu đen và bao gồm màu đỏ tươi, màu san hô, màu xanh da trời hoặc màu đào. Các màu thuộc nhóm nàu thân thiện, tinh nghịch và lạc quan. Đây là những màu lý tưởng cho các thương hiệu trẻ nhưng ngược lại có thể trông khiếm nhã hoặc thiếu sự nghiêm túc.

mau-sac-trong-thiet-ke-logo 1

Màu sắc nhóm 2

Các màu thuộc nhóm này có nhiều xám hơn và vì vậy cũng tinh tế hơn như là nâu sẫm, xanh sage hoặc mùa hoa lavender. Trong khi chúng truyền tải phong cách, sự duyên dáng và thanh lịch cho các thương hiệu sang trọng hơn thì chúng cũng được dùng một cách riêng lẻ và thường không được dùng để thiết kế logo.

mau-sac-trong-thiet-ke-logo 2

Màu sắc nhóm 3

Những màu nhóm này thì ấm, gắt và nóng và được trộn chung với màu đen như đỏ cà chua, cam rám nắng, màu olive hoặc cà tím. Chúng là những màu đất mang tính bền vững và thường xuyên dùng để truyền đạt sức mạnh và sự chính trực. Tuy nhiên nhóm màu nãy cũng có nguy cơ trở nên lỗi thời và dễ đoán.

mau-sac-trong-thiet-ke-logo 3

Nhóm màu nhóm 4

Nhóm màu này trông rõ ràng, khỏe và đơn điệu như là đen, trắng, magenta hoặc vàng chanh. Chúng chứa đựng những giá trị của sự tự tin, hiệu quả và sự hiện đại và cũng vì thế có ý  tưởng cho các thương hiệu công nghệ hướng về tương lai nhưng có thể trông mắc tiền, duy vật và lạnh hơn.

mau-sac-trong-thiet-ke-logo4

 

 

Chọn màu sắc phù hợp với hoàn cảnh

 

Việc chọn đúng màu cho bất cứ thương hiệu nào dĩ nhiên không chỉ là về sự phối hợp văn hóa và tâm lý mà còn là về sự cạnh tranh và các xu hướng khác.

Ví dụ,  EasyJet đã mang màu cam độc lạ đến ngành công nghiệp hàng không trong khi Tango sử dụng màu đen thể hiện sự thiếu tôn trọng về lĩnh vực thức uống trái cây có ga.

mau-sac-trong-thiet-ke-logo 6

Cân nhắc trình bày màu sắc

Khi bạn chọn được màu sắc cho thương hiệu của mình rồi thì giờ bạn hãy chú ý tới quy luật của màu sắc, cách chúng được tạo ra và trình bày như thế nào trong thực tế – đặc biệt là khi thu thập các hướng dẫn cho bộ phận trong và ngoài (đối tác, cá nhà tổ chức, tổ chức quảng cáo – agency,…).

Nếu bạn chọn định nghĩa thương hiệu khi in bằng cách sử dụng một hoặc nhiều màu Pantone  thì việc hợp màu một cách hoàn toàn chính xác trên các thiết bị điện tử sẽ gần như là không thể vậy nên hãy cân nhắc khi sử dụng để có thể cho ra bản in tốt nhất và gần nhất với ý tưởng của bạn.

Idesign – Trung tâm đào tạo thiết kế chuyên nghiệp.

Tham gia các khoá học của Idesign (thiết kế đồ hoạ, thiết kế nội thất, thiết kế website) để được hỗ trợ việc làm sau khoá học.

 

Thiết kế Web

Khóa học thiết kế Web nhằm tạo ra các nhà thiết kế Web chuyên nghiệp nhằm cung cấp nhân lực cho các công ty phần mềm, các công ty có nhu cầu quản trị và vận hành Website chuyên nghiệp.

Với sự phát triển mạnh của ngành công nghiệp phần mềm Đà Nẵng đã tạo ra nhu cầu lớn về những nhà thiết kế Web chuyên nghiệp. Bên cạnh đó, hiện nay cũng có rất nhiều doanh nghiệp tìm kiếm những người có khả năng thiết kế và vận hành Website chuyên nghiệp. Điều này đã tạo ra nhu cầu lớn về các nhà thiết kế Website chuyên nghiệp. Đây cũng là cơ hội cho các bạn trẻ tìm kiếm việc làm ổn định với mức thu nhập cao.

Khóa học thiết kế web sẽ giúp các bạn đạt được điều đó.

Thiết kế web

Kỹ năng của học viên sau khóa học

  • Nắm vững kiến thức, kỹ năng về thiết kế Website
  • Có khả năng tốt về thiết kế UI, UX
  • Sử dụng thành thạo HTML, CSS, JavaScript, Bootstrap để thiết kế hoàn chỉnh trang Web
  • Biết sử dụng WordPress để hoàn thiện nhanh trang Web
  • Có kiến thức digital và truyền thông số
  • Có kinh nghiệm thiết kế Web từ ý tưởng đến thực tiễn.

Cơ hội nghề nghiệp

Tốt nghiệp khóa học thiết kế web bạn có thể làm việc ở các vị trí sau:

  • Chuyên viên thiết website tại các công ty phần mềm
  • Chuyên viên tư vấn và thiết kế Website
  • Chuyên viên vận hành Website doanh nghiệp
  • Chuyên viên truyền thông số

 

Thời lượng đào tạo

STT Tên môn học
1 Đồ họa cho thiết kế Website
2 Thiết kế UI/UX
3 Thiết kế Website với HTML, CSS, JavaScript
4 Thiết kế nhanh Website với Bootstrap Framework
5 Digital Marketing và Truyền thông số
6 Xây dựng nhanh Website động với WordPress
7 Đồ án
8 Kỹ năng tìm việc
  • Học tuần 03 buổi, mỗi buổi 4 tiết
  • Tổng thời gian: 6 tháng

 

Đối tượng

  • Khóa học thiết kế web phù hợp với tất cả mọi người đam mê thiết kế website và mong muốn có việc làm trong lĩnh vực này.

Học phí

  • Theo tháng: 1,800,000 đồng/tháng * 6 lần đóng.
  • Theo kỳ: 5,150,000 đồng/Kỳ * 2 lần – Tiết kiệm 5%
  • Trọn gói: 9,700,000 đồng – Tiết kiệm 10%
  • Học phí không bao gồm giáo trình.
  • Giảm 200,000 đồng mỗi người khi đăng ký nhóm
  • Giảm 300,000 đồng khi tự trang bị máy tính

 

Chi tiết nội dung khóa học thiết kế web

Vui lòng kích vào tên môn học để xem nội dung chi tiết từng môn.

Môn học này trang bị kiến thức, kỹ năng cơ bản về đồ họa, thiết kế đồ họa và thiết kế web để giúp bạn có thể tiếp cận được các môn học sau.
  • Khái niệm về thiết kế Web
  • Xử lý ảnh với Adobe Photoshop
  • Tạo ảnh với Adobe Illustrator
  • Làm việc với các thành phần đồ họa trong Web
  • Thiết kế bố cục trang web
  • Thiết kế Responsive
  • Màu sắc và thiết kế màu sắc cho web
  • Thiết kế và trình bày chữ trên trang Web
  • Thiết kế ảnh, logo, icon cho Web
  • Thiết kế các điều khiển cho trang web như button, text field ..
  • Làm việc với Wireframe
  • Theme và cách sử dụng theme
  • Thực hành thiết kế trang web hoàn chỉnh
Môn học này trang bị kiến thức, kỹ năng về thiết kế UI/UX, một bước quan trọng trong quá trình thiết kế Web và App. Môn học này giúp nâng tầm thiết kế của bạn lên mức chuyên nghiệp. Bên cạnh việc thiết kế, bạn còn được trang bị kỹ năng làm việc với khách hàng, làm việc nhóm .v.v..
  • Hiểu về UI/UX
  • Các loại UI/UX: Web, App …
  • Qui trình thiết kế UI/UX
  • Tìm hiểu nhu cầu khách hàng
  • Làm việc với Adobe XD
  • Thiết kế các thành phần giao diện Web
  • Xây dựng Mockup
  • Xây dựng Prototype
  • Làm việc với Team
  • Xây dựng tài liệu và thuyết minh dự án tổng thể về UI/UX
  • Thiết kế UI/UX cho app
  • Thực hiện dự án hoàn chỉnh về UI/UX
Môn học này trang bị kiến thức, kỹ năng liên quan đến HTML, CSS và JavaScript. Những kỹ năng này giúp bạn chuyển đổi một thiết kế trang web thành trang web thực tế.
  • Làm quen với HTML, CSS
  • Các thành phần cơ bản của HTML
  • Cấu trúc tổ chức Website
  • Các thành phần chuyên sâu vào CSS: Box Model, Layout…
  • Thiết kế Responsive
  • Làm việc với Form
  • Làm việc với HTML5 và CSS3
  • Làm quen với JavaScript và jQuery
  • Sử dụng JavaScript để mở rộng tính năng của trang web
  • Tối ưu hóa Website
  • Quản trị Website
Môn học này hướng dẫn bạn sử dụng Bootstrap framework để thiết kế nhanh trang Web.
  • Hiểu về Bootstrap
  • Tích hợp Bootstrap vào trang web
  • Làm việc với layouts
  • Làm việc với contents
  • Làm việc với components
  • Làm việc với fonts, icons
  • Sử dụng các chức năng JavaScript
  • Thiết kế trang web hoàn chỉnh bằng Bootstrap
Môn học này trang bị kiến thức, kỹ năng về digital marketing để giúp bạn hiểu rõ hơn về mục đích và cách vận hành của website thương mại.
  • Cơ bản về Digital Marketing
  • Các khía cạnh của Digital Marketing
  • SEO và thiết kế web chuẩn SEO
  • Cơ bản về Google Adword
  • Kết hợp Website với Facebook Marketing
  • Tối ưu hóa Website với Digital Marketing
Môn học này sẽ giúp hiểu rõ hơn về cách hoàn thành một website động mà không cần phải học code nhiều.
  • Hiểu về WordPress và các thành phần
  • Cài đặt và cấu hình website với WordPress
  • Thiết kế và Post bài cho website
  • Giới thiệu về Theme và cách sử dụng Theme
  • Giới thiệu về Plugin và cách sử dụng
  • SEO và cách SEO cho trang web
  • Thiết kế Form thu thập thông tin khách hàng
  • Tích hợp giỏ hàng và cổng thanh toán cho website
  • Bảo mật cho website
  • Vận hành và theo dõi website
  • Giới thiệu việc sửa code cho website
Môn này sẽ giúp bạn xây dựng kinh nghiệm, cái mà doanh nghiệp nào cũng yêu cầu khi tuyển dụng.
  • Thiết kế, cài đặt hoàn chỉnh một website sát với yêu cầu thực tế
  • Được giáo viên hướng dẫn thực hiện
  • Rèn luyện kỹ năng làm việc nhóm
  • Tích lũy kinh nghiệm thực tế
iDesign có qui trình tiếp cận doanh nghiệp và hỗ trợ bạn tìm việc hiệu quả để chắc chắn bạn tìm được việc làm sau khi tốt nghiệp. Các nội dung của môn học này:
  • Hướng dẫn nghiên cứu, tiếp cận đơn vị tuyển dụng
  • Hướng dẫn viết CV
  • Kỹ năng phỏng vấn tìm việc
  • Hỗ trợ tìm việc cho đến khi tìm được việc làm
  • Tư vấn kỹ năng phát triển nghề nghiệp
Giảng viên là các chuyên gia trong ngành đang làm việc tại các công ty phần mềm, các công ty thiết kế lớn tại thành phố Đà Nẵng.
Học viên được sử dụng giáo trình và giáo trình điện tử theo tiêu chuẩn giáo dục của Mỹ.