Thiết kế VS: những concept hay có thể thành hiện thực và cách nhận biết chi tiết đẹp

[dvkndn]

Lưu ý nhỏ trc khi bắt đầu: Đây là một tut khá bự " cho nên sẽ ko thích hợp nếu pạn chỉ đang dạo chơi mà tình cờ trông thấy. Cho nên mình nghĩ sẽ tốt hơn nếu pạn đọc phần giới thiệu (phần phía dưới í) mà thấy hứng thú thì nên bookmark lại ^^~ và dành đọc khi pạn thấy cần ý tưởng hay đang rảnh ko có j làm

------------------------------------------------------------------






Ý tưởng bùng nổ và tay nghề đỉnh cao, pạn làm việc ngày đêm và cho ra mắt một bộ skin thật đẹp, người dùng đua nhau vào xem, download ào ào, reply comment mỏi tay v.v...

Đó là con đường mà bất kì ai khi thiết kế cũng mong muốn nhưng vấn đề là, có những người tay nghề đang trên đỉnh cao bỗng chốc ý tưởng cạn kiệt, và cũng có những người mù tịt WSB nhưng trên PS thì vẽ nên những chi tiết cứ gọi là hút hồn hay như quần chúng thường gọi những bản vẽ chưa thành hiện thực ấy bằng một cái tên quen thuộc: concept. Và lí do của bài tut này, gồm 2 phần: chia sẻ cách nhận ra một concept tốt từ kinh nghiệm của mình, và giới thiệu cho các bạn những concept đẹp gần đây có thể biến thành hiện thực :d







-------------------------------------------------------------------

Và đương nhiên, điều đầu tiên pạn nên lưu í: về vấn đề bản quyền, bài viết chỉ trích hình ảnh từ các concept được giới thiệu trên dA với mục đích minh họa (do mình lấy vd mấy chi tiết đẹp nên cũng chả ai í kiến ), tuy nhiên, khi pạn có sử dụng ý tưởng từ một concept, dù nhỏ hay lớn hay lấy hết, cũng nên send một cái note be bé cho tác giả, người nghĩ ra concept và cứ yên tâm là tác giả ấy sẽ rất sung sướng được để pạn biến concept ấy thành hiện thực (tuy nhiên cũng có khá nhìu chú pót concept xong tự post luôn skin ~ mấy chú này thì tốt nhất ko nên lấy ý tưởng vì sẽ gây hại cho việc release skin sau này của người ta)

Còn nếu pạn chỉ làm skin để tự sướng và thi thố ss hay khoe cái đẹp thì cũng chả ai í kiến j đâu ++ cho đến khi nào pạn ko share thì pạn muốn làm j cũng chả ai quan tâm ~

------------------------------------------------------------------

Trước khi bắt đầu giới thiệu từng concept và những chi tiết đẹp trong đó, do cũng đã nhắc trên rằng pài tut này cũng sẽ chia sẻ cách nhận ra concept đẹp, nên mình cần lưu í vs các pạn về vài điều: Một concept có chi tiết đẹp ko nhất thiết phải có toàn thể đẹp. Có thể toàn thể nó xấu kinh hồn, màu sắc lòe loẹt, thiết kế yếu kém, nhưng tự nhiên ở taskbar lại có ý tưởng tốt ~> pạn cần phải học hỏi nói cách khác, khi nhìn vào một concept (hay thậm chí skin đã release), khoan chê về tổng thể, việc ấy để người dùng bình thường làm , pạn là nhà thiết kế, việc của pạn cao siu hơn: nhìn ra những yếu tố pạn có thể học hỏi từ concept hay skin ấy


------------------------------------------------------------------

(Những concept này được lụm từ http://ui-concepts.deviantart.com/ trong thời gian gần đây, cho nên sẽ ko thể là đẹp nhất nhưng phù hợp vs bài viết này)

Và chúng ta bắt đầu với một concept của ~emey87: Blue and white GUI kit PSD

(cái này download thì free nhưng chỉ mang tính học hỏi thôi, mình ko nghĩ rằng tác giả hứng thú cho việc tạo skin cái này nghiêng về web interface hơn)

(http://emey87.deviantart.com/art/Blu...-PSD-202024568)

Thật đáng tiếc nếu concept này ko thành hiện thực Về mặt thiết kế, tuy ko có 'đột phá' mang tính kĩ thuật

giải thích tí: tính thiết kế có nghĩa là đề cập đến vấn đề hình ảnh của skin, về kĩ năng thiết kế hình ảnh, chi tiết, phối màu của tác giả

còn tính kĩ thuật là về những thay đổi mang tính 'phần mềm' hoặc đánh lừa thị giác hơn, vd như các công cụ ẩn thành phần trong windows, hoặc skin Vivian của a @cu88 tạo nên 'ảo giác' là chúng ta có thanh Object bar lúc trước cũng có bộ NFR pack của a @kAtz93 tạo thêm vài nút trong explorer.

Và 2 cái khái niệm này mình tự nghĩ ra để dùng cho tiện trong pài tut này @@

Quay lại, chính vì thế mà những chi tiết này có thể nói là rất dễ để trở thành hiện thực. Hoàn toàn ko có hạn chế gì trong việc đưa những hình ảnh này vào trong skin ^^~ có chăng pạn sẽ gặp tí khó khăn ở Progress bar, nhưng đáng kể so với việc pạn có những thiết kế tuyệt đẹp này

Ở concept này, pạn có thể học hỏi hầu như mọi thứ: cách thiết kế, màu sắc, sự đồng bộ của chi tiết v.v... Nên tóm lại, đây là một concept đáng giá để pạn down file psd về và nghiên cứu

------------------------------------------------------------------

Concept thứ hai là một concept về Windows Explorer của Rock0

(http://Rock0.deviantart.com/art/Wind...pt-1-202663157)

Tuy cũng là một concept gần với hiện thực, nhưng mức độ 'ảo' tăng lên một chút so với concept đầu. Là một nhà thiết kế, pạn dễ dàng nhận thấy những thứ hiện tại với tay nghề của designer thì chưa thể thay đổi. Tuy nhiên, nếu vì thế mà bỏ qua concept này thì phí vô cùng, hãy nhìn những thành phần như command module, file list trong explorer hay thanh navigation bên trái cùng với sự hài hòa về thiết kế. Pạn có thể 'bất lực' trong việc đem thanh search xuống command module, nhưng hoàn toàn ko có vấn đề gì với việc sử dụng màu sắc, hình ảnh cho những chi tiết nói trên. Những icon ở đây cũng là một điểm đáng lưu tâm.

Concept này phần nào cũng thể hiện rõ hơn điều mình muốn nói ban đầu: hãy cố nhận ra những điều có ích cho pạn trong một tác phẩm nào đó!

------------------------------------------------------------------

Và chúng ta đến với một concept của một skin có thực: Meteora by Yacine29

(chả hiểu sao vs mấy đứa pạn nước ngoài của mình thì skin này khá là hot ++)

(http://yacine29.deviantart.com/art/M...view-199780916)

Và mức độ ảo tăng lên đáng kể thật sự về mặt cá nhân mình ko đánh giá cao concept này về thẩm mĩ tuy nhiên, như đã nói ở ban đầu, pạn cũng có thể nhận ra những điểm sáng để biến thành sự thật, vs mình, chính là đây

Một tí điểm nhấn và biến tấu ở mục select item trong navigation, thêm tí ảo giác trong hình ảnh ở vạch phân cách và nền explorer, pạn có thể tạo được điều này thiết kế của tác giả ko hoàn hảo lắm (í kiến cá nhân), nhưng tác giả đã khiến cho mình nảy ra í tưởng về mục này ^^~

------------------------------------------------------------------

Tiếp tục con đường của pài tut dài hơi (còn khoảng 2 concept nữa ), chúng ta nghỉ chân nhanh ở một shot ko mấy nổi tiếng lắm của Nike One chụp trên windows XP

(http://Nike-One.deviantart.com/art/Black-197470965)

Có thể nhiều người thấy đẹp, nhìu người ko thích, shot này ko dễ lấy cảm tình đa số. Toàn bộ shot ko có điều j hứng thú vs mình. Nhưng có một điều khiến mình đưa nó vào danh sách này đấy chính là scroll bar. Sự nổi bật của scroll bar so với phần còn lại của nội dung là một điều cần lưu ý, nhất là vs những ai tạo skin cho công việc nhìu. Sẽ là một cực hình nếu pạn đang tập trung đọc páo, xem danh sách v.v.. lại phải đi tìm một thanh scroll bar nhỏ xíu, 'hòa trộn' vs cả nền phía sau. Những chi tiết nhỏ có thể làm người dùng bỏ qua khi thấy lại pạn ở một skin mới đấy!

------------------------------------------------------------------

Cola, một cái tên rất đẹp của concept đến từ Lukeedee

(http://Lukeedee.deviantart.com/art/Cola-197214049)

Concept đơn giản như tên của nó. Đừng nóng vội mà tìm những đột phá về kĩ thuật cũng như thiết kế. Pạn cũng có thể ngạc nhiên khi thấy hoàn toàn ko có j ngoài việc thay đổi hình ảnh trong skin. It's clear and clean! (tiếng Việt mình thích dịch là: 'nó đơn giản và rất sáng sủa')

Thiết kế có thể vẫn còn đôi chút thô cần sửa, nhưng thật sự nếu đây là một skin suite, nó sẽ thu hút cũng một lượng kha khá người dùng, khôgn những do đơn giản và sáng sủa như trên, mà còn do sự đồng bộ từ icons, VS và cả wall. Thêm một điều nữa là những người theo trào lưu Cartoon đông đảo sẽ thấy hứng thú vs VS này khi làm việc

------------------------------------------------------------------

Và cuối cùng, để tạm dừng tut này, hãy đến với một concept khá toàn diện:

Windows 8 concept (Pragmatic) by ~kevin-utkarsh (http://dvkndn.deviantart.com/favourites/#/d3ngb0x)

Một concept khá thú vị và cũng khá ảo hy vọng sau khi đọc xong đám trên, pạn sẽ rút ra được nhiều kinh nghiệm quí báu




Chúc may mắn và hẹn gặp lại

By Dvkndn, only on WindowsVN.net