Trong một bài viết cách đây không lâu, tớ đã giới thiệu với các bạn hai bước đầu tiên từ những kinh nghiệm của bản thân tớ để giúp những bạn mới bắt đầu và có ý định thiết kế một trang web riêng cho mình – bao gồm quá trình đi tìm cảm hứng từ những thiết kế sẵn có và từ đó bước đầu hình thành ý tưởng cho trang web của riêng mình. Có thể nói ở hai bước đầu tiên, bạn dường như chỉ là đi ngắm những gì của người khác (tìm cảm hứng) và mặc dù đã bắt đầu suy nghĩ về trang web của mình (hình thành ý tưởng), nói chung bạn vẫn chưa thật sự “thiết kế” bất kỳ thứ gì cho trang web của mình. Trong bước thứ 3 mà tớ sẽ mô tả trong bài viết này, các bạn sẽ thật sự bắt đầu phải sắn tay áo và động não đưa ra những ý tưởng của riêng mình và bắt đầu quá trình trình thiết kế một trang web thực sự.

# design, thiết kế, web

Đọc & Tham gia thảo luận (12 phản hồi)

Bạn đã gặp rất nhiều trang web đẹp và giờ đây bạn muốn thiết kế một trang web riêng cho mình. Bạn cũng có chút khiếu về thẫm mỹ và cũng biết đôi chút về việc thiết kế web, nhưng bạn chưa bao giờ từng tự mình thiết kế ra một trang web hoàn chỉnh. Đã mấy lần bạn ngồi trước máy tính, quyết định sẽ làm cho mình một trang web – để rồi cả mấy tiếng sau vẫn chưa làm được gì? Bạn thật sự chẳng biết phải bắt đầu từ đâu cả…

Trong mọi việc, bước đầu tiên bao giờ cũng là bước khó nhất. Điều đó càng đúng với nếu bạn chưa có kinh nghiệm và không biết gì nhiều về những việc mà mình sẽ làm. Trong bài viết này (và hi vọng sẽ là bài mở đầu cho một loạt bài cùng chủ đề về thiết kế web), tớ sẽ nói về kinh nghiệm của tớ về những bước đầu tiên trong quá trình thiết kế một trang web mà tự tớ đã đúc kết và áp dụng trong mỗi thiết kế của mình. Bài viết cũng sẽ giúp bạn trả lời một một câu hỏi rất hay thường gặp ở những người mới bắt đầu làm thiết kế web là làm thế nào để lấy cảm hứng và ý tưởng của những trang web thiết kế đẹp mà bạn thích để tạo ra thiết kế riêng cho mình mà không rơi vào tình huống sao chép thiết kế của họ?

Tuy nhiên, phải nói trước, nếu bạn hi vọng đọc xong bài viết này sẽ giúp bạn thiết kế được một trang web hoàn chỉnh thì tớ e rằng sẽ làm bạn thất vọng. Trong bài viết, tớ sẽ giả định rằng các bạn đã có kiến thức về viết mã cho web cũng như đã sử dụng tương đối thành thạo một phần mềm đồ họa nào đó. Điều bạn cần chỉ là một hướng đi để bắt đầu – và tớ hi vọng từ những kinh nghiệm của mình sẽ giúp cho các bạn có được một hướng đi đúng.

# design, thiết kế, web

Đọc & Tham gia thảo luận (11 phản hồi)

Một thay đổi cho Người Tập Viết 4:

• Đổi giao diện mặc định sẽ là giao diện Đơn Giản. Nếu khi nào muốn vui bạn có thể bật bản “Happy Time” lên :)
• Thêm liên kết cho phép bạn theo dõi bài trên Người Tập Viết theo năm ở cột bên trái. Phần này sẽ chỉ xuất hiện trên trang chủ
• Quảng cáo & khuyến khích mọi người đăng ký nhận tin bằng RSS. Mục tiêu là tăng số người đăng ký nhận RSS lên 300 :)
• Thêm tính năng cho phép bạn xem những phản hồi mới kể từ lần cuối cùng bạn ghé thăm
• Thiết kế lại các trang xem bài theo Phân mục để dễ theo dõi hơn (theo cấu trúc của NTV 3.0)
• Sửa một số bug CSS còn sót lại – giờ đây IE7 sẽ hiển thị giống như trong Firefox. Trong IE6 vẫn còn một bug nhỏ trong phần hiển thị danh sách phân mục, nhưng nói chung không ảnh hưởng lắm.

# design, nguoitapviet, redesign

Đọc & Tham gia thảo luận (6 phản hồi)

Đợi mãi cuối cùng cái iPhone đặt mua gần 2 tuần trước cũng đến hôm qua. Cả đêm ngồi nghịch và tìm cách nâng cấp từ 1.1.2 lên 1.1.3 sử dụng jailbreak (thành công). Hôm nay quyết định ngồi làm giao diện iPhone cho Người Tập Viết. Giờ đây, bạn có thể sử dụng iPhone hoặc iPod Touch để vào Người Tập Viết – tớ cũng đã tạo một webclip khá đẹp để “dụ” các bạn đưa nó vào màn hình chính :)

Một vấn đề nhức đầu là iPhone không hỗ trợ Unicode tiếng Việt (cũng như các ngôn ngữ Ả Rập, Thái,…). Thực tế này quả thật khiến khi xem trang web trên iPhone chỉ thêm bực mình. Vậy nên tớ đã viết thêm một sửa đổi nhỏ cho plugin iWPhone (nhận dạng iPhone và chuyển sang theme thích hợp) để chuyển tất cả các chữ có dấu thành chữ … không dấu (ý tưởng của One True Brace). Mặc dù không thật tiện lợi khi đọc, nó vẫn còn tốt hơn là xem mấy cái ô vuông :)

Bạn chỉ cần tải về và cài đặt iWPhone plugin cho Wordpress, sau đó sử dụng file này chép đè lên file cung cấp sẵn của plugin (đổi đuôi lại thành php).

# design, iPhone, iPod Touch, nguoitapviet, redesign

Đọc & Tham gia thảo luận (13 phản hồi)

Hiểu rằng không phải ai cũng … trẻ con như mình – tớ quyết định tạo một phiên bản phụ đơn giản hơn – bỏ hết phần ông mặt trời, mây và cỏ. Giao diện mặc định lần đầu tiên bạn vào sẽ vẫn là giao diện ban đầu tớ thiết kế, nhưng bạn sẽ để ý thấy một nút bấm nhỏ ở đầu trang cho phép bạn chuyển giao diện ngay lập tức mà không cần phải tải lại. Lần kế tiếp bạn ghé thăm (sử dụng cùng một máy tính), trang web sẽ nhớ lựa chọn của bạn và sử dụng giao diện bạn đã chọn. Giao diện đơn giản không chỉ … đơn giản mà cũng sẽ tải về nhanh hơn vì tớ đã bỏ hơn 100KB hình ảnh.

Tất cả là nhờ thiết kế bằng CSS nên những tính năng như thế này có thể được thực hiện trong vòng … nửa tiếng :)

Tính năng này sẽ chỉ xuất hiện nếu bạn dùng Firefox hoặc IE7. Xem bài giới thiệu về Người Tập Viết 4.0.

# design, nguoitapviet, redesign

Đọc & Tham gia thảo luận (6 phản hồi)

Chào các bạn đến với Người Tập Viết 4.0! Có thể nói, chặng đường từ phiên bản trước đến phiên bản này đối với tớ là khá dài và có nhiều thách thức. Cả những chuyện cá nhân ngoài đời, cho đến những khó khăn về mặt ý tưởng trong thiết kế. Những ai theo dõi blog này từ những ngày đầu chắc biết truyền thống cứ mỗi dịp cuối tháng 9 đầu tháng 10 là tớ thường thiết kế lại giao diện của nó. Tính ra, Người Tập Viết 4.0 ra mắt trễ gần nửa năm so với dự định ban đầu và một vài bạn đã thắc mắc trong những phản hồi gần đây. Như thông điệp mà các bạn thấy mỗi khi truy cập vào NTV mấy ngày vừa qua, tớ đặt tên cho chủ đề của NTV 4.0 lần này là “Happy Time” – Phút Giây Hạnh Phúc. Tò mò? Tất nhiên, nó không phải là vì tớ đã có người yêu :)

Đính chính: vẫn “cô đơn lẻ bóng”. Không hiểu sao đọc câu trên vẫn có người suy ra rằng tớ đã có người yêu. Ôi tiếng Việt!

# design, nguoitapviet, redesign

Đọc & Tham gia thảo luận (23 phản hồi)

Như đã thành lệ, mỗi năm cứ vào khoảng tháng 9, tháng 10 thì tớ bắt đầu bắt tay vào thiết kế lại trang blog của mình. Đây một phần là do cái tật của người làm thiết kế – thường cái gì mình làm ra cũng luôn thấy đẹp trong thời gian đầu và để rồi tự bản thân lại thấy chán nó. Biết điều đó là không nên, ngay từ đầu tớ đã tự đặt ra một quy định là bất cứ cái gì mình thiết kế ra phải được giữ trong một khoảng thời gian nhất định trước khi được thiết kế lại (như trong trường hợp của Người Tập Viết là 1 năm và trang chủ của tớ tại leduytien.com là 2 năm). Điều này một phần giúp tớ có thời gian để thực sự nhìn ra được những điểm mạnh và yếu trong mỗi thiết kế và mặt khác như một cách để phản ánh sự thay đổi trong tư duy thiết kế và mắt thẫm mỹ của bản thân. Chính vì cái ý nghĩa thứ hai khiến cho việc thiết kế và chọn ra được một thiết kế để tự cảm thấy hài lòng là rất khó.

Vậy, bạn có thể sẽ hỏi, Người Tập Viết 4.0 khác Người Tập Viết 3.0 như thế nào, và rằng từ góc nhìn của bản thân tớ thì tớ đã thay đổi như thế nào trong tư duy thiết kế? Đó cũng chính là câu hỏi mà tớ tự đặt ra ngay từ đầu và vì vậy đã có sẵn câu trả lời cho bạn trong bài viết này. Tớ cũng sẽ giới thiệu một số điểm mới, giải thích một vài điểm, cũng như quá trình dẫn đến giao diện này.

# design, nguoitapviet, redesign

Đọc & Tham gia thảo luận (17 phản hồi)

Mãi cho đến thời gian gần đây tớ vẫn luôn có kiểu suy nghĩ “xem thường” những lý thuyết về thiết kế bởi cho rằng thiết kế là một lĩnh vực của sự “sáng tạo” mà những lý thuyết cứng nhắc sẽ không thể mang lại cho bạn. Làm thế nào để tin rằng sự sáng tạo lại bắt nguồn từ việc … làm theo những quy tắc? Có lẽ tớ nhầm. Có một câu nói gần đây tớ đọc trong một cuốn sách: “Chỉ khi bạn hiểu rõ những nguyên tắc bạn mới biết được khi nào thì nên phá vỡ những nguyên tắc đó”. Vậy nên tớ đã bắt đầu chuyển hướng sang đọc những cuốn sách “cổ điển” về những nguyên tắc cơ bản trong thiết kế, bố cục cũng như phối màu. Trong thời gian tới, tớ sẽ lần lượt giới thiệu đến các bạn những cuốn sách này (một khi đã đọc xong mỗi cuốn).

Bài viết này giới thiệu đến các bạn một trong những cuốn sách có thể gọi là “kinh điển” về thiết kế giao diện người dùng: “Designing Visual Interfaces: Communication Oriented Techniques” của hai tác giả Kevin Mullet và Darrell Sano (nhà xuất bản SunSoft của Sun Microsystems). Cuốn sách là kết quả của những buổi hướng dẫn (Applying Visual Design: Trade Secrets for Elegant Interface)

# book, design, English, review

Đọc & Tham gia thảo luận (9 phản hồi)

Thế là đã bắt đầu vào học kỳ mới được một tuần sau kỳ nghỉ đông khá thú vị (có lẽ là vui nhất từ khi tớ sang đây – có một vài bức ảnh tớ chụp trong đợt đi chơi vừa rồi).

Những ngày “ăn chơi” khá thoải mái khiến cho cái cảm giác phải quay lại với lịch học và các công việc đơn điệu hàng ngày thật khó chịu – thậm chí cả việc viết bài cho nguoitapviet cũng vậy! Sau gần 1 tuần không viết bài trên nguoitapviet, không hiểu sao tự nhiên thấy lười nhác cập nhật cho nó. Chợt nhớ lại một “suy nghĩ bất chợt” về việc viết blog của tớ cách đây không lâu, rằng viết blog cũng hơi giống như với việc nghiện thuốc lá (mặc dù tớ không hút :) ): một khi đã viết được một thời gian tự nhiên thấy khó chịu những khi không có gì để viết. Nhưng khác với nghiện thuốc lá vốn rất khó bỏ, thói quen viết blog cực kỳ dễ bị mất. Không viết một hai ngày thì bạn cảm thấy khó chịu, nhưng không viết một tuần và bạn thậm chí không muốn viết lại! Đó là cái cảm giác của tớ bây giờ.

Bài gửi này có vè hơi vụn vặt chỉ với những suy nghĩ linh tinh (những môn học mới, vài suy nghĩ về vai trò của người thiết kế web và những cảm nhận đầu tiên của tớ sau hơn 1 tuần sử dụng Mac), trái hẳn với những gì tớ nói về định hướng nội dung của nguoitapviet trong năm 2006, nhưng nó sẽ là bài viết giúp tớ quay trở lại với thói quen viết bài, điều mà tớ rất thích suốt năm vừa rồi. Các bạn có thể bỏ qua bài này nếu cảm thấy nó “nhảm” :) hoặc đọc tiếp…

# design, mac, myself, study, web

Đọc & Tham gia thảo luận (2 phản hồi)