50 ý tưởng thiết kế đăng nhập và đăng ký trên di động

Các ứng dụng di động ngày nay tràn ngập các biểu mẫu đăng nhập yêu cầu nhập dữ liệu ở các giai đoạn khác nhau. Từ mua sắm trực tuyến và thương mại điện tử đến trò chơi và giải trí

Dữ liệu người dùng rất quan trọng đối với các chủ sở hữu ứng dụng. Tuy nhiên, trong thế giới ứng dụng di động có tính cạnh tranh cao này, các hình thức đăng nhập sáng tạo và truyền cảm hứng có thể đóng một vai trò quan trọng trong việc thu thập dữ liệu người dùng.

Dưới đây là 50 mẫu thiết kế đăng nhập và đăng ký có thể tạo cảm hứng cho bạn khi thiết kế UI/UX

Surf app – Login concept by Guy Ligertwood
surflogin
Login Screen by Howard O
74loginpage
Day 4 Sign Up by Egor Lazarev
fashion-login
Login – Android App

 

myaccountlogin
To Do App – Sign Up by Ron Evgeniy
flylogin
Login Register by Satya Ranjan Samanta
pinkandblue
Login by Vladimir Gruev
wrlogin
Login by Dinesh Shrestha
xendre
Login/Logout animation concept by Nikolay Talanov
naturelogin
PayWith iOS app re-design by Hassan Ali
rewardslogin
Login | Record by Rena One
timerlogin
E-Wallet Payee – Login UI Concept by Vijay Verma
payee
Sign Up by Jana de Klerk
notebooklogin
Sign Up by Prakhar Neel Sharma
streamingsingles
Sign Up by Michał Ptaszyński
launchyourapp
Sign Up by Nimasha Sewwandi Perera
welcomeback
Sign Up by Ullas Sebastian
donut-login
Sign Up by Shab Majeed
flashpay
Login Form by Borodynya Artem
rainloginform
Minimal login screen by Himanshu Ved Gupta
interface-chemist
Login Screen For JTT by Alexander Kovalev
jira-time-tracker
Sign Up by Alex Henker
quarter
Login screen design by Pidio
flight-login
Sign Up by WoYa
welcome-back
Sign Up by Armas B
armas
Sign Up by Sam Horn
drivesafe
Sign Up by Enes Ateş
multiplatform
Login Interaction by Ehsan Rahimi
login-interaction
Animated Onboarding and Login by Denis Kurnosov
animated-login
Login and Profile by Cassius Kiani
myparade
Sign Up by Dunja Milosev
awesome-team
Free vs Premium Account by Ghani Pradita
freevspremium
100 Days of UI – #001 Sign Up by Mary Ma
paper-login
Daily Ui 031 Sign in by xinjiebi
dailyui-login
Eventum Walkthrough by Shaun
eventum
Sign In Form Freebie by Oliver
bare-mortal
Registration/SignUp Screens by Ramotion
male-female
Tailslife: Login by Ranjith Alingal
tailslife
Sign In Flow, Powder App by George Gliddon
flow-login
Weather Login App by ruki
weather-login
Dial login by Nikita
dial-login
Blitz by Ramin Nasibov
blitz
Train/ Login by Gale P
train-login
Zarna Smaal by Tam Zarna
app-name
Sign In Screen by Anggit Yuniar P
signinscreen
Onboarding by Anandu Sivan
delivery-login
Tutorial App Screens by Cleveroad
link-and-meat
Babyboom Sign Up Screen by Shani Ofer
babyboom
Sign Up by Nick
blacklogin
Sign up screen by Rovane Durso
registrationpage

Khai giảng: THIẾT KẾ WEBSITE WD02 ( Đã khai giảng, Học chính thức: 11/10)

Ngày 07/10 vừa qua, iDesign đã tổ chức khai giảng chính thức khóa học: THIẾT KẾ WEBSITE CHUYÊN NGHIỆP với mã lớp WD02

👉Đâ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

Những lợi ích khi tham gia 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
🔹Thành thạo HTML, CSS, JavaScript, Bootstrap để thiết kế hoàn chỉnh trang Web
🔹Sử dụng WordPress để hoàn thiện 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.

Tự tin ứng tuyển công việc tại các vị trí:

🔹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ố

👉👉Cam kết giới thiệu việc làm sau khi kết thúc khóa học

 

ĐĂNG KÝ NGAY KHÓA HỌC THIẾT KẾ WEBSITE !!!

    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 từ A-Z

      Khoa hoc thiet ke web

      Khóa học thiết kế web nhằm đào 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 thiết kế 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. Đ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 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.

      Tham gia khóa học thiết kế web học viên sẽ được trang bị các kiến thức về đồ họa cho web, UI/UX, để thiết kế giao diện cho trang web, cũng như các kiến thức về HTML, CSS, Bootstrap, WordPress để giúp bạn cài đặt hoàn chỉnh một website.

      Nhiều học viên đã thành công với khóa học này khi tìm được việc làm với mức lương khá cao.

      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ó kinh nghiệm thiết kế Web từ ý tưởng đến thực tiễn.