DEVELOPER hiểu biết cơ bản cần thiết về thiết kế :D

Có lẽ sau cái title ở trên, các bạn đang nghĩ, 1 dev là người viết những dòng code, chứ k phải người ngồi vẽ vẽ photoshop hàng giờ. Nhưng dù bạn là dev về Front-End hay Back-End, xin thưa bạn chắc chắn sẽ phải làm 1 vài nhiệm vụ dù nhỏ đến lớn về việc thiết kế, không thể phủi tay và nói rằng không phải việc của tôi.

Thông thường những dự án với nước ngoài, khách hàng sẽ có đội ngũ designer hoặc thuê 1 đội ngũ designer để thiết kế những thứ họ muốn, coder chỉ việc từ đó mà "lạch cạch.. lạch cạch...", nhưng ở VN hầu như mặc định front-end dev cũng có thể design luôn photoshop...!

Ngoài ra, việc sở hữu 1 vài kiến thức cơ bản cũng giúp ích cho các bạn tránh những bức tường có thể vượt qua nhanh chóng, sau đó lại code...code và code.. tiếp 1 cách nhanh nhất dù DEV là những tay không có tiếng về khéo tay..

1. Màu Sắc:

Thứ được coi là khó mà dễ. Vì màu sắc mang lại cảm xúc mỗi người mỗi khác, và thật sự có những trường hợp, ta nhìn ra 1 màu, người khác nhìn 1 màu khác. Vậy ta cần tìm ra 1 chuẩn mực chung nào đó, cơ bản giúp cho việc đáp ứng nhiều người nhất. Nếu chọn không cẩn thận, chỉ dựa cảm tính, các màu sắc sẽ đánh nhau và thật sự khiến khách hàng hoặc người dùng 1 đi không trở lại

Có một công cụ tuyệt vời trợ giúp ta trong công việc chọn 1 nhóm màu phù hợp với nhau đó là https://color.adobe.com/create/color-wheel/.

Việc ta cần là chọn 1 màu chủ đạo, sau đó ta có luôn 1 bộ mã màu có thể cùng kết hợp với màu chủ đạo đó, ngoài ra ngứa tay bạn có thể xoay xoay di di 1 chút để được các màu khác.

Họ còn có 1 trang, cho ta sẵn 1 đống các bộ mã màu, ta chưa có ý tưởng, chưa chọn được màu, cứ vào đây https://color.adobe.com/explore/most-popular/?time=all và ngắm nghía.

2. Font chữ (Typography):

Cái này sẽ dễ dàng hơn, không quá khuôn khổ, không quá bắt buộc, chọn 1 font chữ dễ nhìn và có phần bắt mắt. Vậy là đủ. Nhưng font nào còn phụ thuộc vào ngôn ngữ bạn hiển thị, bạn là Tiếng Anh, nó vô tư với mọi font chữ, trừ mấy loại font chuyên vẽ ra ký tự hay chữ tượng hình, chữ giun, thì về cơ bạn, các bạn vô tư chọn. Nhưng với Tiếng Việt thì sao, ta có 1 giới hạn nhất định số lượng font có thể dùng. Tất nhiên cái giới hạn đó cũng lên đến hàng trăm, nhưng hàng trăm đó ta cần chú ý lược ra khỏi suy nghĩ những font quá hoa bướm, quá uốn lượn, nó đẹp nhưng k giúp cho người đọc có thể dễ dàng và thoải mái khi theo dõi trang web.

Thời gian gần đây, người ta sử dụng font Open Sans rất nhiều, nó đơn giản, k quá khác biệt, nhưng dễ nhìn và đủ đẹp.

3. Layout

Một trang web đẹp, cần chia bố cục rõ ràng, việc chia bố cục thường dựa trên 12 cột nhỏ, ta có thể tạ ra những cột to từ những cột nhỏ đó, những cột này khi có dữ liệu tạo ra các lưới.

Người ta chọn con số 12 là có lý do, nó có thể giúp ta chia 1 website thành 1 cột 2 cột 3 cột hay thậm trí 4 cột, 6 cột.

Việc quản lý và chia layout hiện tại dễ dàng hơn rất hiều và tốt hơn rất nhiều vì có những bộ CSS framework nổi tiếng là bootstrap.

Tôi đọc được trong một số trang web về design nói rằng, đừng bao giờ tiết kiệm những khoảng trắng, nó giúp các phần tử trong trang thoáng đãng và rõ ràng hơn, chẳng ai muốn xem 1 trang web đặt quánh. Nhưng nhớ đừng lạm dụng nó.

Tịu chung lại, ta tạo ra sản phẩm tốt nhất, không phải tạo ra sản phẩm không giống ai. Ta học hỏi cái tốt và cả cái chưa tốt để hoàn thiện sản phẩm của riêng ta. Chúc các bạn thành công hơn nữa.

Like, share, comment vì nó miễn phí :)

If you liked this article

Let's subscribe the updates of Scuti!

Share on Google Plus

About Anonymous

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.