ifindu’s mini world

April 7, 2008

[TOP 7 COOLEST WEB APPS IN 2007]

Filed under: Lifestyle, Web Design — Tags: , , — Nguyen Thi Hong Hanh @ 4:25 am

While everyone is trying to create their ultimate list of the winners and losers of 2007, please allow us to take a different, utterly subjective route, and choose the coolest web applications of 2007. Yes, we’re not looking for that geek with straight A’s in the front row here; we’re looking for the guy in the back who has the brains to be the best but he just doesn’t give a damn. Only applications that became available to the public in 2007 are considered, so excuse us if we haven’t covered all possible categories. Here are our winners in this weird category, in no particular order.

Mixaloo - Perhaps in the future mix tapes will be nothing but a forgotten relic, their very concept devoured by the internet and its easy access to everything. But right now, mix tapes are retro in an undeniably cool way, and Mixaloo comes as near to the concept of a mix tape as possible. You can create your own mixes, design cover art for them, and you can even make money by sharing and promoting your mix! If that’s not cool, I don’t know what is.

    mixaloo

Pownce: Yeah, yeah: Twitter has mobile support and more users, but let’s face it; Pownce simply looks and feels better, mostly thanks to better organization options and a solid skinning support. Hell, even their 404 page is cool. Will it ever surpass Twitter in terms of users? Who knows; but us cool kids know which bandwagon we’re riding on.

    pownce

Joost - it’s really not that hard being the coolest if you’re competing against big corporations and their almost-vaporware Hulu. Joost looks pretty slick, works well, but most importantly, it has done something that its competition wasn’t able to do - it revived the belief that watching quality TV program over the net is possible. To be completely fair, we need to mention two runners up: Veoh and Miro, which are also quite cool.

    Joost

Mixx - Well, they do have quite a cool Digg-ripoff name. And the site doesn’t look like crap, which makes it better than the 99% of Digg clones out there. Will it make a long-term impact? Let’s be honest here: not many Digg-like sites do. But let’s applaud them for making a decent effort.

    Mixx

MyTinyJesus - No explanations. No FAQ. Just a figure of Jesus which keeps on emitting random Twitter posts in cartoon-like balloons. Pointless? Probably. Cool? Definitely.

    MyTinyJesus

FlickrVision - perhaps it was not the first such application, but David Troy’s FlickrVision (and its sister site, TwitterVision) was the one that started the trend: after it, everything that could possibly be visualized in real time on a Google Map got the same treatment. Again, it want win any awards for usefulness, but it can be quite mesmerizing.

    FlickrVision

StreetViewr - The chronology goes something like this: Google announces its Street View. People start finding cool stuff with it. Mashable compiles some cool street views into one post. Term “streetviewing” gets coined. StreetViewr takes over from there. At the time of this writing, StreetViewr has over 1700 images taken from Street View that are in some way interesting, and although it almost didn’t make this list because of the hideous color scheme, it’s still one of the best places to find cool street views.

    streetviewr

Sưu tầm

March 14, 2008

[MỘT SỐ YÊU CẦU KHI THIẾT KẾ WEBSITE]

Filed under: Web Design — Tags: , , — Nguyen Thi Hong Hanh @ 6:44 am

Không ít người trước và trong quá trình thiết kế Website đã không nắm rõ một số yêu cầu thiết yếu trong việc thiết kế cho nên sản phẩm cuối cùng có thể không như mong muốn và thiếu chuyên nghiệp. Với bài viết này chúng tôi muốn đưa tới bạn đọc một số yêu cầu thiết yếu trước khi thiết kế một Website.

- Mẫu thiết kế sử dụng kích thước thật của màn hình với khung hình chuẩn của web theo chiều ngang là 778px. Phần lớn người xem vẫn xem ở mode màn hình 800×600, ngoại trừ một số trường hợp đặc biệt có thiết kế riêng.

- Sử dụng Mode màu RGB vì web chỉ hiển thị trên màn hình.

- Nếu dùng Photoshop để dựng layout, yêu cầu bắt buộc phải dùng Folder Set để quản lý layer, vì mỗi website khi thiết kế hoàn chỉnh, có hàng trăm layer.

- Việc dùng Flash cũng cần phải cân nhắc với những website thông tin vì nó chỉ thu hút người xem vào những lần truy cập đầu, sau đó sẽ chỉ làm cho website nặng lên không cần thiết. Khi làm file flash lớn, cần phải có phần loading.

- Khi thiết kế, cần đưa tương đối đầy đủ nội dung với màu sắc, font chữ đúng với website sau này. Khi đặt nội dung, nên để font chữ ở chế độ Smooth là none, ko nên để là Crisp vì khi ra kết quả cuối cùng (web page) sẽ khác với thiết kế.

- Không sử dụng các font chữ không chuẩn cho nội dung website, vì nếu máy người xem không có font đó thì sẽ hư toàn bộ layout. Nếu website sử dụng tiếng Việt, nên sử dụng các font Unicode chuẩn như Arial, Verdana, Tahoma, Times News Roman.

- Các website thương mại nên hạn chế sử dụng các đường cong, hình ảnh lớn, background lớn chiếm diện tích thông tin của website trừ khi có thể quản lý chúng. Việc sử dụng đường cong hay background sẽ gây rất nhiều trở ngại khi chuyển qua HTML.

- Cần nghĩ qua về việc làm sao chuyển chúng thành HTML trước khi thiết kế một thành phần nào.

- Thiết kế web cần tính toán làm sao để tương thích với cấu trúc HTML của website, nếu không, khi phân tích ra thành các trang web HTML sẽ trở nên rất khó khăn cho việc xây dựng nội dung cũng như lập trình.

- Trước khi thiết kế, cần có sitemap cụ thể, để việc trình bày thông tin trở nên rõ ràng, dễ thuyết phục người duyệt mẫu. - Nên xem mẫu thiết kế trên các loại màn hình khác nhau, tốt nhất trên màn hình CRT bình thường, vì đây là màn hình của người sử dụng. Tránh việc duyệt mẫu, xem mẫu bằng giấy in láng (hoặc rửa hình), hoặc màn hình laptop, LCD. - Màu sắc website cần nhẹ nhàng, phù hợp với mục đích của website, thông tin rõ ràng.

- Cần có một mẫu GUI Logic trước khi bắt tay vào thiết kế, GUI Logic này cần được duyệt qua bởi Người đối tác. GUI Logic là bản thiết kế thô, bao gồm các vị trí của các thành phần trên website, người thiết kế sẽ dựa trên đó để làm graphic. Bản GUI Logic này được tính toán trước về mặt thẩm mỹ và quan trọng là usabilities.

Chuyển trang web thành HTML

+ Sau quá trình thiết kế web là quá trình phân tích, chuyển đổi mẫu thiết kế thành trang web HTML, cần theo các yêu cầu cụ thể sau:

- Chương trình dựng trang web, chương trình thích hợp nhất là Macromedia Dreamweaver, vì đây là chương trình do rất nhiều lập trình viên đang sử dụng để code trực tiếp, tuyệt đối không dùng Frontpage. Frontpage có thể giúp đơn giản cho người sử dụng nhưng việc sinh mã HTML rất phức tạp, đặc biệt là sinh ra những mã HTML ko cần thiết và gây rối cho người lập trình.

- Cắt web html cần có độ tỉ mỉ cao, nếu thiết kế mẫu layout, mất từ 4->8h (không tính thời gian sáng tạo), thì việc cắt web mất từ 2->4h một trang

- Khâu thiết kế và khâu cắt web có vai trò rất quan trọng, vì sẽ tiết kiệm được thời gian cho các lập trình viên, tester sau này. Một trang web được cắt tốt không chứa các thành phần không cần thiết như mã HTML dư, hay các lỗi về cấu trúc HTML. Vì khi người lập trình làm việc, họ gần như chỉ làm việc trên code chứ không làm việc trên phần design.

- Cần tính toán rõ ràng, cụ thể việc áp dụng Template trong website. Template giúp cho 1 website với những trang có thành phần giống nhau được quản lý một cách thống nhất, nếu cần thay đổi những phần này, chỉ việc chỉnh sửa file Template này.

- Phối hợp chặt chẽ với bộ phận phụ trách nội dung website để bố cục, cấu trúc website rõ ràng hơn.

- Khi cắt web, cần đưa các style css ở file riêng, không đưa định dạng font trực tiếp trong website, việc đặt tên các CSS cần sự nghiêm túc, có sự thống nhất. Hạn chế việc định dạng font chữ bằng tag < font >. Nếu có các link, việc đặt các css: link, active, visited, hover là cần thiết. Nên định font chuẩn cho toàn website bằng cách định nghĩa lại tag < td >.

- Sử dụng file spacer.gif để trang web có thêm các tùy biến thay vì định kích thước ngang dọc cho các < table > hay < td >

. File spacer.gif là 1 file gif trong suốt có kích thước 1×1. Khi cần định chiều cao cho 1 td thì nên chèn file này vào td đó và định chiều cao cho file spacer.gif.

- Tránh việc Merge các Table lại với nhau quá nhiều, tối đa 1 cái. Việc này rất quan trọng, vì nó sẽ gây khó khăn và mất thời gian cho các lập trình viên khi làm việc.

- Cần xem kỹ lại cấu trúc, yêu cầu của bên thiết kế web, để có thể cho phép website co giãn theo kích thước màn hình hoặc cố định (nhỏ tối đa 800px). Nếu là các co giãn theo kích thước màn hình, cần tính toán thiết kế sao cho khi giãn ra không có những khoảng trống hình ảnh.

- NẾU LÀ 1 WEBSITE ĐỘNG HAY CẬP NHẬT THƯỜNG XUYÊN, TUYỆT ĐỐI KHÔNG DÙNG CHỨC NĂNG SLICE CỦA PHOTOSHOP HAY IMAGEREADY. Chức năng này chỉ thích hợp cho các website tĩnh vì HTML sinh ra rất phức tạp và có rối dẫn tới việc các lập trình viên không thể đọc hiểu hay chỉnh sửa được.

Itgatevn Design Group (Theo www.zidean.com)

[PHONG CÁCH THIẾT KẾ ĐỒ HỌA WEB HIỆN NAY - PHẦN 2]

Filed under: Web Design — Tags: , , — Nguyen Thi Hong Hanh @ 4:59 am

Trong phần này tiếp tục chúng ta tìm hiểu kĩ hơn các đặc điểm của các website phong cách hiện nay.

Bố cụ đơn giản


Có lẽ chúng ta thấy cách thiết kế đơn giản 1 và 2 cột hơn nhiều năm về trước.

Cảm giác chung nhất bạn có thể thấy là các nhà thiết kế thấy rằng các trang đơn giản làm việc tốt hơn.

Các trang này đơn giản chỉ đọc theo cách từ trên xuống dưới, và bạn không cần đưa mắt xung quanh, và bạn chỉ quan sát vùng bạn đang có. Nó làm dịu đi và mềm hơn cho các trình duyệt khi phải đọc nội dung của một trang web, dĩ nhiên sẽ đỡ mất thời gian hiển thị hơn.

Thiết kế hướng tâm


Điều khác mà bạn phải chú ý về tất cả các trang hot ở trên là chúng là chúng đều được bố trí ở trục giữa.

Vào thời điểm 2 năm trước đây, bạn sẽ tìm thấy rất nhiều bố cục lỏng lẻo và được căn chỉnh trái hoặc cố định độ rộng, ngày nay nội dung đã được đưa vào giữa trang.

Diagram showing left-aligned, liquid and center-aligned page orientations

Các bố cục hướng trái ít được dùng hơn. Cũng thế, bố cục mềm dẻo (full-width) đầy độ rộng cũng ít được phổ biến.

Suy xét đúng thì chúng ta luôn cố gắng có được nhiều thông tin để “vượt qua rào cản trên” (ví dụ: ẩn đi màn hình không cần thanh trượt scroll). Bố cục mềm dẻo tự giãn phù hợp với tiêu chí này.
Tuy vậy, ngày nay chúng ta vẫn có nhiều khả năng phù hợp với việc cuộn và kéo tăng khoảng trống và độ cao của các dòng văn bản.

Thiết kế nội dung, không có trang


Phong các thiết kế web hiện đại tốt là đặt ít thành phần vào nền của trang web - nền trang web nên để một cách trong sáng. Và nên tập trung vào việc thiết kế nội dung trên trang web.

Chúng ta cùng xem xét các hiệu ứng như:

  • Tối giảm, loại bỏ bớt các hộp bên trong một bố cục trang web
  • Làm mềm, đơn giản và tạo khả năng dùng lại cho trang web
  • Sử dụng các màu sắc mạnh mẽ và hiệu ứng 3D là tập chung vào các phần cần nổi bật bên trên, bao gồm là các nhánh chính
  • Tiêu điểm là được đánh dấu các chủ đề chính, sao cho chúng dễ nhìn thấy nhất và thiết kế thật tốt.

Tại sao lại là căn giữa?

Tôi thích gióng hàng, căn giữa và sử dụng hầu hết cho các thiết kế.

Khi nội dung được căn giữa màn hình, nó sẽ được chú ý trước tiênrõ ràng.

Và nó cũng thỏa mãn được tiêu chí cho việc đơn giảncân bằng, việc quan sát nó được thực hiện một cách dễ dàng dọc từ trên xuống đến dưới.

Hầu hết các thiết kế hướng tâm được cố định độ rộng (có thể theo pixel hoặc phần trăm) hay đôi khi là tự giãn rộng (ví dụ như trang. Forecast Advisor). Lợi ích của nó là bảo toàn được độ rộng của nội dung (thực thế với cách thức tự giãn rộng, kích thước phông chữ có thể thay đổi) đó là chiều cao dòng có thể lớn hơn màn hình.

Sử dụng hiệu ứng 3D một cách tiết kiệm


Tất cả các trang hot nhất sử ở phần I đã nêu đều sử dụng hiệu ứng màu chuyển sắc gradient, chúng đưa đến các thanh, hộp bo tròn để tạo cảm giác mềm cho không gian nền, hoặc tạo một biểu tượng chuẩn với hiệu ứng nổi khối và bóng mờ

Hiệu ứng phản chiếu & lan tỏa cũng được tận dụng. Bóng đổ cũng vẫn được dùng thêm.

Thương hiệu được làm tròn bất kì chỗ nào

Sử dụng các dòng chữ lớn đẹp


Tôi không nói rằng tất cả các dòng chữ text trên trang web của bạn phải là cỡ chữ quá cỡ. Mà thực tế trong một số phần chữ nhỏ lại là đẹp (chúng ta chú ý rằng chỉ dùng một ít chữ nhỏ trong trang web thôi)

Cái gì là ý tưởng tốt ở đây:

Hãy tạo các văn bản quan trọng trong trang web có cỡ chữ lớn hơn kích thước bình thường

Giống như các công nghệ thiết kế khác, nó làm việc khi sử dụng trong website hiện đại. Nếu tất cả văn bản của bạn to, thì sẽ không có chữ nào là to lớn cả.

Sử dụng chữ lớn để giúp khách thăm website nhanh chóng biết site bạn là gì, cái gì là quan trọng và đặc điểm của các vùng họ muốn xem tiếp theo.

Itgatevn Graphics Group (Theo DESIGNFROMSCTRASH)

[PHONG CÁCH THIẾT KẾ ĐỒ HỌA WEB HIỆN NAY - PHẦN 1]

Filed under: Web Design — Tags: , , — Nguyen Thi Hong Hanh @ 3:46 am

Loạt bài viết này chúng tôi cố gắng tổng kết xu hướng nghệ thuật hiện nay trong thiết kế đồ họa cho các trang web, đồng thời nhận dạng để phân biệt đặc điểm để tạo một trang web sao cho mới mẻ hơn, lôi cuốn và dễ sử dụng hơn.

Tôi rất vui mừng nói rằng công việc thiết kế web trong năm 2006 là tốt hơn bao giờ hết. Và nó không chỉ bởi vì có nhiều site xuất hiện hơn, mà điều hơn ở đây là có nhiều phương pháp tốt cho việc thiết kế web đã được tạo dựng. Tôi chỉ nghĩ đơn giản là có nhiều nhà thiết kế web biết chính xác về việc thiết kế web là như thế nào hơn trước là thấy vui sướng rồi.

Các thí dụ dưới đây (tôi đã xem qua nhiều lần) thể hiện công nghệ thiết kế đồ họa một cách xuất sắc. Nhìn tất cả chúng đề rất tuyệt, trong sáng và dễ sử dụng.

Những trang Hot nhất

Tôi không nói đây là những trang tốt nhất mà ý nói là chúng là đặc trưng tốt nhất cho phong cách thiết kế hiện nay.

http

» Ash Web Studio

» Macaroon Design

http

» iconbuffet.com

http

» iomega.com

Các đặc điểm chung

Các site tuyệt vời ở trên đã chia sẻ cho chúng ta các đặc điểm thiết kế:

  • Bố cục đơn giản
  • Thiết kế hướng tâm
  • Thiết kế nội dung, không trang
  • Hạn chế hiệu ứng 3D
  • Màu sắc nền mềm và trung tính
  • Hạn chế màu sắc nổi
  • Hạn chế biểu tượng (icon) phức tạp
  • Sự phong phú của khoảng trắng
  • Văn bản (text) to đẹp

Và các đặc điểm này giúp cho chúng tuyệt vời, và chúng ta sẽ xem xét các đặc điểm đó từng cái một.

copy from ITGateVN

March 12, 2008

[QUY TRÌNH PHÁT TRIỂN GUI CHO WEBSITE]

Filed under: Web Design — Tags: , — Nguyen Thi Hong Hanh @ 4:30 am
(iGURU)Thiết kế Giao diện dành cho người sử dụng là một công việc trong quy trình phát triển một Web site cho người sử dụng. Tại Việt Nam, nhiều doanh nghiệp vừa và nhỏ không quan tâm chất lượng phần mềm, dịch vụ sau bán hàng mà thường quan tâm đến giao diện Web có đẹp hay không. Tuy nhiên đây là hạn chế của hầu hết các doanh nghiệp thiết kế Web. Trong phạm vi cho phép, chúng tôi xin trình bày các bước xây dựng Giao diện Web cho người sử dụng, nhằm giúp các bạn đạt hiệu quả thiết kế giao diện cao hơn.
Chúng tôi không có tham vọng chỉ ra marketing với Web như thế nào, nhưng việc hiểu về quy trình làm Web giúp các marketer có phương pháp phối hợp tốt hơn qua đó phối hợp với đội ngũ làm web site của công ty, sản phẩm, dịch vụ đạt hiệu quả cao hơn.Bài viết không đi sâu vào nghệ thuật thiết kế Web, bài viết chỉ ra các bước nên làm với một dự án thiết kế giao diện Web.
Quy trình được dựa trên Chuẩn IWP phiên bản 1.0 của IGURU. Bài viết có sử dụng giao diện của Website bán hàng trực tuyến, Web site tin tức.
Quy trình bao gồm các bước sau:
Bước 1: Xác định yêu cầu của khách hàng.
Bước 2: Phác thảo ý tưởng trên giấy
Bước 3: Đánh giá mẫu phác thảo
Bước 4: Thiết kế đồ hoạ bản đơn sắc
Bước 5: Phối màu cho giao diện Web
Bước 6: Xây dựng tài liệu về chuẩn CSS, clientsite script, ảnh, folder cho trang Web
Bước 7: Sử dụng các ngôn ngữ đánh dấu, lập trình để thiết kế giao diện.
Bước 8: Test giao diện trên các trình duyệt
Bước 9: Chuyển mã nguồn tới bộ phận phát triển Web
Bước 1: Xác định yêu cầu của khách hàng.
Yêu cầu là một điều kiện hoặc khả năng mà hệ thống phải tuân theo hoặc có. Nhiều khi khách hàng cũng không biết họ cần gì, nên khi xác định yêu cầu bạn nên xây dựng trước một biểu mẫu câu hỏi để lấy yêu cầu của khách hàng. Yêu cầu phải đạt những tiêu chí sau:
  • Yêu cầu phải bao quát giao diện, chức năng, cấu trúc nội dung, đối tượng xem Web site.
  • Trao đổi thông tin dựa trên các yêu cầu đã xác định trước khi tiếp cận khách hàng. Bạn phải nghiên cứu về yêu cầu chung của khách hàng trước khi tiếp cận.
  • Xây dựng bảng câu hỏi logic để chuyển đổi sang phân tích yêu cầu nghiệp vụ, yêu cầu hệ thống đơn giản, dễ dàng.
  • Đặt độ ưu tiên, lọc và theo dõi các yêu cầu.
  • Đánh giá khách quan các chức năng và hiệu năng.

Bước 2: Phác thảo ý tưởng trên giấy
Nào giờ là lúc bạn thể hiện hoa tay của mình, để linh hoạt trong việc phác ý tưởng, bạn nên sử dụng bảng vẽ, bút chì, thước kẻ và tẩy. Với những dụng cụ trên bạn phác ý tưởng, ở đây là bố cục trên giấy. Dựa vào kinh nghiệm thành công của bạn, bạn thấy những tiêu chuẩn nào nên có, ví dụ các tiêu chuẩn sau của IWP 1.0:

  • Banner không quá 1/3 màn hình thực của người sử dụng (màn hình thực là màn hình của trình duyệt có thể xem được trang Web, đã bỏ đi các thanh tool bar của trình duyệt Web).
  • Sitebar không lớn quá 25% chiều rộng trang Web.
  • ….

Bạn cũng nên xây dựng chuẩn bố cục dựa trên nội dung đối với toàn bộ Web site. Web site là tập hợp của những trang Web, mỗi trang Web tập hợp các nội dung có mối liên quan hoặc không giữa các trang Web. Dựa vào nội dung, bạn chia trang Web làm 02 vùng:

  • Vùng template (theo chuẩn IWP)
  • Vùng hiệu chỉnh.

Vùng template là vùng không hiệu chỉnh hoặc hiệu chỉnh rất ít xuyên suốt các trang Web của Web site.
Vùng hiệu chỉnh là vùng có thay đổi nội dung trong hầu hết các trang Web của Web site.
Bạn nên cân nhắc trước khi xác định vùng nào là vùng template hoặc vùng hiệu chỉnh, vì việc này sẽ ảnh hưởng đến xây dựng mã CSS, HTML chung của giao diện Web site.

Bạn cũng nên quy chuẩn các đối tượng trong bố cục để dễ trình bày, quản lý, theo dõi. Ví dụ: Ảnh là hình chữ nhật có đánh dấu x; chữ là đường kẻ,…
Nếu đây là một dự án phức tạp bạn nên tham khảo quy trình RUP và kết hợp với quy trình này để ra một giải pháp quản lý dự án phù hợp hơn.

Ví dụ:

Bước 3: Đánh giá mẫu phác thảo
Bạn nên có tối thiểu 03 mẫu phác trên giấy, sau đó bạn treo lên tường và mời những người khác cùng xem và đánh giá. Mẫu phác thảo đạt những yêu cầu phải trả lời được những câu hỏi như sau:

  • Họ thích mẫu nào?
  • Mẫu thiết kế có đáp ứng các yêu cầu của khách hàng không?
  • Tìm thông tin, chức năng có dễ không?
  • Đứng xem, bạn có thấy bố cục có rời rạc không? Có thẩm mỹ không?

Nếu câu trả lời không đạt yêu cầu trên bạn nên ngồi lại và vẽ tiếp, điều này sẽ giúp bạn giảm chi phí nhiều nếu bạn sử dụng máy tính để thiết kế. Sau khi chọn được một mẫu chúng ta chuyển sang bước 4.

Bước 4: Thiết kế đồ hoạ bản đơn sắc
Sau khi phác thảo xong, bạn sử dụng công cụ đồ hoạ máy tính để thiết kế mẫu giao diện Web. Đầu tiên chúng ta cần xem bố cục trên Máy tính có hợp lý không, chính vì vậy chúng ta chưa phối màu cho các mảng màu, đường kẻ, chữ cho trang Web, tất cả các bạn để thang màu xám để bước tiếp theo phối màu dễ dàng hơn. Tuyệt đối không để màu trắng và đen với những vùng muốn phối màu khác hai mầu trên.

Nếu bạn sử dụng công cụ đồ hoạ, chúng tôi đề xuất sử dụng Photoshop CS2 để áp dụng các chuẩn thiết kế giao diện dễ dàng hơn. Ví dụ đặt tên, sắp xếp folder, phân cấp folder, áp màu cho layer,…

Sau khi căn chỉnh bố cục và thiết kế xong, bạn nên in ra và lại treo lên tường mời mọi người đến đánh giá giống như bước 3. Đánh giá hiện giờ cần phải trả lời những câu hỏi như sau:

  • Tìm thông tin, chức năng có dễ không? Không dễ vì sao? Do độ tương phản, kích cỡ, …?
  • Trình bày thông tin quan trọng có dễ tìm với giới hạn của màn hình thực hay không?
  • Giao diện có dễ đọc, dễ sử dụng với người dùng mục tiêu hay không?
  • Giao diện có thể hiện ra tính cách riêng hay không?
  • ….

Ví dụ:

Bước 5: Phối màu cho giao diện Web
Khi bản đơn sắc đạt yêu cầu, bạn chuyển sang phối màu cho giao diện Web. Khi phối màu cho giao diện bạn nên tuân thủ các phương pháp chẳng hạn như sau:

  • Dựa vào màu sắc yêu cầu từ bảng câu hỏi để đưa ra phương pháp phối màu cho Web site. Có 1 màu chủ đạo, 1 màu thứ cấp và các màu chỏi để tăng phần sinh động cho Web.
  • Với màu nền là màu pha gam xám sẽ có kiểu phối màu riêng. Ví dụ phần nội dung sẽ có màu đỏ, vàng chanh, vàng, cam, xám, da trời,… tuỳ thuộc vào mục đích của Web site.
  • Với text nên tối đa 3 màu, 3 font, 3 cỡ chữ, 3 kiểu chữ, 3 kiểu trace, kerning.

Ví dụ:

(hết phần 1)

Blog at WordPress.com.