thiết kế mới

Kouveo bắt đầu blog này với mucdich thunghiem kethop Tailwind với Hugo. Thunghiem hoanthanh. Blog hientai nom thenay

Trinhbay homepage
Trinhbay homepage

Trình bày post list
Trình bày post list

Làm với mucdich thunghiem, Kouveo không thietke truớc mà vừa code vừa dieuchinh. Muctieu chính là jaiquyet các điểm từng gây nhiều khó khăn trong quatrinh zựng site truớc đây. Muctieu fụ là để capnhat và bosung tools stack. Không cauky tới mức zùng đến docker như đợt truớc, lần này Kouveo quantam nhiều hơn tới design và content.

Mọi thunghiem, nếu không apzung thucte, ketqua đều vào sọt rác. Thế nên Kouveo đang để tâm tới việc apzung vào một project cụthể hơn. Đánh site trưng bày hanghoa cho cái workshop đang làm cũng tốt. Không khách nào đặt thì tự nghĩ ra mà làm, chứ sao.

Muctieu tiếp theo là cái này. Mất hai ngày sơ fác noizung và cautruc tongthe.

Mệt nhất là khoản responsive. Đây là homepage & trang trinhbay sanfam đơn lẻ. Còn một fần nữa nháp content của các trang noizung khác không đưa vào đây.
Mệt nhất là khoản responsive. Đây là homepage & trang trinhbay sanfam đơn lẻ. Còn một fần nữa nháp content của các trang noizung khác không đưa vào đây.

Vừa thietke vừa code, lại còn làm cả content. Cụ Leonardo Da Vinci jờ sống lại nhẽ cũng chỉ làm đuợc từng ý việc một lúc. Ytuong trôi ào ào trong đầu mà không thể zừng để ghichep được. Mở app khác ra cái là mạch suynghi đứt fựt. Có ghi lại được cũng chỉ một fần nhỏ. Chưa kể lúc ghichep thì tuzuy là câu chữ, chứ không còn là thietke nữa rồi. Nangkhieu của Kouveo là ghi nhớ và ziễn jải bằng hình ảnh. Năng lực ziễn jải bằng câu từ, nói một cách văn hoa, là ngu như bò, hehe… sorry bò! 🐮

Một số thamkhao

Rảnh thì xem thongke cho vui, preview trên thietbi thucte vẫn là tốt nhất. Tke Kouveo làm chỉ cover được fần nào các loại mành bản thân từng zùng qua. So với thongke bên trên xem như cũng đủ. Trước jờ vì ngại nên hay làm kiểu “cứ thử xem rồi điều chỉnh”, rất mất thoijan. Nay quyettam nghiencuu canthan hơn.

Để hinhzung kichthuoc các thanhfan thietke
Để hinhzung kichthuoc các thanhfan thietke

Lắp noizung mẫu và layout homepage. Figma thật là tiện lợi đủ đường 😄 Đang cân nhắc zùng <strong>workshop</strong> thay cho <strong>shop</strong>
Lắp noizung mẫu và layout homepage. Figma thật là tiện lợi đủ đường 😄 Đang cân nhắc zùng workshop thay cho shop

Quatrinh thietke ngoài việc baybien ra luôn fải đối ziện với các luachon. Cái này lienquan tructiep tới fuongan và thoijan code. Thietke càng chitiet, code càng nhàn. Kiểu vừa code vừa ngắm như thinhthoang Kouveo hay làm (trước đây) thường zẫn tới kết quả là đến một “điểm nghẽn” naodo, muốn vượt qua, ta sẽ fải sửa lại toàn bộ những thứ có lienquan, từ đầu. Đoạn này kể cả được trả tiền để làm có khi còn ngại, nữa là zự án làm chơi.

Vizu việc bày detail images kèm theo hình ảnh chính bên zưới1. Một khoảnh bé tí thế thoy, những cũng fải xét cả đống mắc mớ trong đó. Noizung mota gồm những ji? Soluong hình ảnh kèm theo là bao nhiêu? Nhiều hơn thì sao? ít hơn thì sao? Hình ảnh ngang zọc tán loạn xếp kiểu ji? Hienthi trên các cỡ màn hình khác thenao? Cần zoom lên không? Noizung mở rộng nếu có thì xếp vào đâu? Trinhbay đám ý thenao? vanvan… Cứ thử cắm đầu code khi chưa có fuongan jaiquyet hoply cho đống if... else đó mà xem. Sửa code vỡ mặt luôn chứ đùa.

Trang trinhbay sanfam đơn vẫn còn đang fanvan luachon
Trang trinhbay sanfam đơn vẫn còn đang fanvan luachon

Sau nửa ngày cannhac, Kouveo quyetdinh chọn fuongan bên fải, với soluong ảnh chi tiết kèm theo khoảng 5 đến 9 (tốt nhất là 7). Với soluong này, lựa chọn khi bientap sẽ rộng hơn. Thêm bớt một vài ảnh không ảnh hưởng quá lớn đến layout.

Detail page responsive layout
Detail page responsive layout

Một việc khó nữa của làm thietke là tránh để bị cuốn theo các sample tạng eyes candy nhặt nhạnh trên mạng. Behance, Dribbble,… là nguồn tham khảo tốt nhưng zễ làm ta rối trí. Quá nhiều lựa chọn, quá nhiều jaifap. Chỉ vì thấy nó “hay hay” rồi tìm cách apzung bằng được là điều rất không nên, trừ khi nó đem lại hieuqua thucsu rorang cho tổng thể2. Đây không fải việc khó… mà là cực khó. Tò mò và theo đuổi những thứ mới mẻ, lạ lẫm luôn tốt, nó chỉ xấu khi làm ta mất quá nhiều thoijan mà không đong được xèng 😄.

Thethoy nhẻ! Các post sau update tiếp.


  1. Detail page, xét về vaitro trong site, là template khá quantrong. Mọi sự baybien, zù trên bất kỳ trang nào, bất kỳ hinhthuc nào, mucdich đều nhằm zẫn khách chui vào đây cả. Thế nên Kouveo mất khá nhiều thoijan với nó. ↩︎

  2. Đoạn này nghe cove hơi “nhảm”, nhưng đúng là Kouveo đã gặp rất nhiều. Một fần ở những khách hàng thuộc tạng “không biết mình thucsu muốn ji”, một fần ở… chính mình. Chả có điếu ji đảm bảo ta luôn biết mình muốn ji. Thế nên Kouveo rất thongcam và fucvu tạng khách đó khá tốt. ↩︎

/blog/202201/new-design-cumming/
design layout responsive research