Thứ Sáu, 26 tháng 8, 2016

Hướng dẫn thiết kế giao diện website bằng phần mềm photoshop

Hướng dẫn thiết kế giao diện website bằng Photoshop.
Như các bài trước mình đã giới thiệu về phần mềm photoshop là phần mềm chỉnh sửa ảnh hiệu quả nhất hiện nay. Và là cánh tay phải của thiết kế giao diện website , bạn tự học thiết kế website, bạn thiết kế website cho doanh nghiệp , hay đơn giản bạn chỉ muốn tạo cho mình một website để tự quản trị .Bạn đều phải thiết kế website thật chuyên nghiệp .Sau đây chúng ta cùng thiết kế giao diện website bằng phần mềm photoshop.



Xu hướng thiết kế website năm 2016 hướng tới người dùng và thân thiện nên giao diện được hết sức chú ý. 
Hãy tự thiết kế website chuẩn Seo cho chính mình nhé !!!

Thứ Ba, 23 tháng 8, 2016

Thiết kế website lên top google ?


Thiết kế website lên top Google thật tuyệt vời !
Muốn thiết kế website lên top của Google thì trước tiên website của bạn phải chuẩn Seo ? đó là một phần thôi tuy nhiên bạn cần phải có giao diện thu hút giữ chân khách hàng ? Vậy làm thế nào để thiết kế website lên top google chúng ta cùng đi tìm hiểu nhé !!!

1 Thiết kế website giao diện bắt mắt .

Một website đẹp và tương thích với người dùng sẽ đem lại sự theo dõi nhiều . Để có một website đẹp bạn có thể sử dụng phần mềm thiết kế website bằng photoshop.Mình đã nói khá kĩ các kinh nghiệm thiết kế website  các bạn có thể tham khảo.
thiết kế website giao diện bắt mắt

2 Thiết kế website chuẩn Seo 

Một website là điều quan trọng kéo website của bạn lên top . Tối ưu và chọn từ khóa cũng như các thẻ các bạn sẽ phải chú ý . Hãy xem lại bài viết chuẩn seo của mình nhé .

Thiết kế website chuẩn seo



Thiết kế website lên top của google là một việc mà nhiều người làm không được. Nên các bạn cần phải tập trung cao độ nhé.Hãy cùng nhóm thiết kế website tại Hà Nội học thiết kế website nhé !







Thứ Tư, 17 tháng 8, 2016

Lý do không nên thiết kế website bằng Flash?

Lý do không nên thiết kế website bằng Flash?
thiết kế website bằng Flash














Vậy tại sao Flash lại thoái lui lẹ như thế? dưới đây là 8 lý do bạn không nên thiết kế website   hoàn toàn bằng Flash. Trong thực tế Flash là phần không thể thay thế nếu bạn muốn làm một đoạn phim hoạt hình, ecard, online games và các banner quảng cáo động. Nó hơn hẳn định dạng GIF động vì cho chuyển động mượt mà hơn và dung lượng tốt hơn rất nhiều. Nhưng nếu mang Flash để làm một trang web hoàn chỉnh, đặc biệt là những trang web thương mại điện tử, thì đó là một sai lầm lớn nhất bạn có thể mắc phải khi làm trang web. Ai đó khuyên bạn phải làm trang web bằng Flash thì nó mới Pro, hãy mỉm cười và bước đi trước khi bạn trở thành nạn nhân của những điều sau.


Flash rất nặng khi load


Với dân nghiền web như bạn và tôi thì truy cập internet bằng Dial Up thời buổi này là khó chấp nhận. Nhưng phần lớn người dùng với máy tính cấu hình trung bình, với mạng Internet tốc độ trung bình thì việc xem website flash là một cực hình. Khi bạn lướt web tìm thông tin bạn có quan tấm đến đoạn Intro nhạc nhẽo phải mất để cả phút để load không? Mà khi load xong thì toàn là cái gì đâu không liên quan gì đến thông tin bạn cần.


Làm một trang Flash mất thời gian, công sức và tiền bạc


Phải công nhận rằng làm một trang Flash rất tốn thời gian, công sức và tiền bạc. Với một trang web tĩnh bình thường bạn chỉ phải trả khoảng vài triệu. Trong khi có thể thiết kế website giá 0 đồng. Nhưng với một trang được làm bằng Flash bạn có thể phải trả gấp nhiều lần và phải đợi rất lâu mới hoàn thành. Tuy nhiên, sau này nếu bạn muốn thay đổi một cái gì đó thì bạn phải trả thêm tiền nếu bạn không biết gì về Flash. Ví dụ sau này bạn không muốn thanh Navigation ở bên tay phải mà cho nó sang tay trái thì chắc chắn bạn cũng phải bỏ ra vài triệu để sửa chữa.


Phụ thuộc vào Plugin của trình duyệt


Đây là thời đại công nghệ số và ngày càng có nhiều người lướt web bằng thiết bị di động. Nếu họ truy cập trang web của bạn thì sẽ ra sao? nội dung họ thấy duy nhất là “You need Adobe Flash Player to view this content“. Hơn nữa chỉ có những thần dân thường xuyên của mạng mới biết Install Plugin như thế nào, cài đặt làm sao. Ví dụ ba mẹ bạn được cho một địa chỉ trang web về một sản phẩm nào đó, muốn lên mạng xem thử xem nó ra sao. Nhưng trình duyệt chưa có Plugin thì làm sao? có bao nhiều phần trăm ba mẹ bạn biết cách install Plugin cho trình duyệt? Tại sao bạn lại phải phụ thuộc vào một bên thứ 3 để có thể tương tác với người đọc của bạn?


Rất không thân thiện với công cụ tìm kiếm


Đây cũng là một điểm đặc thù của những trang Flash, bởi vì nội dung của trang đó toàn là hình ảnh và đoạn phim. Các công cụ tìm kiếm tại thời điểm hiện tại không thể biết nội dung của nó về cái gì và chính vì thế không thể chỉ mục được trang web đó. Một trang web thất bại về SEO là đã 50% thất bại về mọi mặt.


Không thân thiện với người dùng


Với một trang web bình thường, có thể link đến bất cứ chỗ nào trên trang web miễn là nó tồn tại trên máy chủ. Ví dụ bạn muốn hỏi một câu nào đó có trong phần FAQs, có thể lấy link chính xác đến tận câu hỏi và gửi tới người cần. Nhưng với Flash thì bạn phải giải thích cho khách hàng như: Vào trang chủ, ngó sang bên tay phải góc bên trái có một đường link -> click vào đó -> rồi kéo xuống khoảng 3/4 màn hình đoạn văn thứ 6 -> nhấp chuột vào … Và cuối cùng bạn cũng không có cách gì Bookmark trang mình thích.


Nội dung trên trang không copy được


Bởi vì phần lớn chữ trên trang là dạng hình ảnh cho nên bạn không thể copy được. Ví dụ bạn phải trích dẫn lại một phần nào đó, cách duy nhất là bạn phải gõ lại toàn bộ. Bạn không có cách gì “bôi đen” được hết.


Không in ấn được


Cũng như điểm trên, vì Flash là dạng hình ảnh cho nên nếu khách hàng của bạn muốn in phần địa chỉ công ty hoặc thông tin về sản phẩm thì họ cũng bó tay vì chẳng biết phải làm sao.


Chính các điều trên chúng tôi khuyên bạn không nên sử dụng Flash trong thiết kế website ? HÃy tìm đọc những bài viết của nhóm học thiết kế website miễn phí nhé !!!

Thứ Hai, 8 tháng 8, 2016

Thiết kế logo cho website bằng Photoshop

Thiết kế logo cho website bằng Photoshop.

Thương hiệu quả một website được thể hiện ở logo của công ty. Chính vì thế thiết kế logo là một việc khá quan trọng trong thiết kế website. Vậy thiết kế logo cho website bằng Photoshop như thế nào? Các bạn hãy cùng nhóm học thiết kế website tại Hà Nội đi tìm hiểu nhé !!!



 Các bạn cùng tham khảo video để tự làm cho mình một logo nhé .

Chủ Nhật, 7 tháng 8, 2016

Kích thước chuẩn trong thiết kế website với Photoshop

Kích thước chuẩn của banner, logo trong thiết kế website 
Trong thiết kế website các bạn nên chú ý tới logo mang thương hiệu cũng như các banner quảng cáo để tăng uy tín cũng như thu nhập cho website của chính bạn. Tuy nhiên để làm logo ,banner các bạn cũng cần chú ý tới kích thước chuẩn trong thiết kế website . Có thể nhiều bạn đang tự hỏi kích thước chuẩn là bao nhiêu? 
Các bạn hãy tham khảo bài viết nhé !!


kích thước banner , logo chuẩn 
Lợi ích của việc thiết kế website với Banner,logo chuẩn:
  • Trao đổi banner giữa các website dễ dàng và nhanh chóng hơn.
  • Một banner duy nhất cho tất cả các website cần đặt quảng cáo. Không tốn kém thời gian và chi phí khi phải thiết kế riêng từng kích cỡ banner cho mỗi website trong một chiến dịch quảng cáo.
  • Dễ dàng chấp nhận quảng cáo với các kích thước chuẩn từ các tổ chức bán quảng cáo (thí dụ Google) mà không phải thiết kế lại giao diện.
Thiết kế giao diện website là phần quan trọng nên các bạn nên chú ý tới kích thước chuẩn để có một website hợp lý về bố cục nhé !!





Thứ Năm, 4 tháng 8, 2016

Thiết kế banner trong website cần chú ý những gì ?


Thiết kế Banner trong website cần chú ý những gì?

Thiết kế Banner cần phải chú ý những gì ?
Các bạn cần phải chú ý để tạo một website hấp dẫn.Để khách hàng chú ý tới website của mình các bạn phải có một giao diện đẹp.

1 Giới thiệu về Banner trong thiết kế website ?

Banner quảng cáo được hiển thị giữa hàng ngàn những thông tin trong một trang web, vì vậy để tạo được sự chú ý của khách truy cập người thiết kế phải sáng tạo trong ý tưởng thể hiện. Và không gian hiển thị của banner thường bị hạn chế, nên việc trình bày nội dung và các thành phần thiết kế sao cho đơn giản và dễ hiểu nhất là điều quan trọng hàng đầu mà Designer cần nghĩ đến.

2 Cần chú ý những gì cho banner .

a.Tiêu đề

Điều này được sử dụng để thu hút sự chú ý của người truy cập khi họ lướt qua các banner quảng cáo trên trang web của bạn.

b. Kêu gọi hành động

Điều này được sử dụng để giải thích cho người sử dụng làm thế nào để tiếp tục tìm hiểu những thông tin mà họ quan tâm. Ý tôi là, hầu hết mọi người sẽ nhấp ngay vào banner quảng cáo nhưng giả sử họ không làm điều đó thì sao. Cung cấp một số tín hiệu hình ảnh để cho người xem biết nên làm gì kế tiếp là điều cần thiết. Nó có thể là một nút hoặc một hình ảnh, hoặc đơn giản là liên kết nói rằng “Click vào đây …” “Tìm hiểu làm thế nào …”.v.v…

c. Gây được sự chú ý đối với người xem


Điều này không hẳn là yếu tố bắt buộc phải có, tuy nhiên nếu được thực hiện một cách chính xác, nó có thể giúp banner của bạn thu hút sự chú ý của người truy cập. Nó có thể là một minh họa thú vị hoặc một hình đồ họa đẹp chẳng hạn.

Bạn cũng có thể xem video hướng Design a Series of Smart Banner Ads in Photoshop để nắm rõ hơn cách thiết kế một banner quảng cáo ra sao.

Các bạn cùng nhau tham khảo nhé !!!




Thứ Ba, 2 tháng 8, 2016

Chú ý trong thiết kế website trong năm 2016?


Thiết kế website cần chú ý gì trong năm 2016?

Thiết kế website
thân thiện với người dùng đang được coi trọng trong những năm tới . Thế nhưng để có 1 giao diện đẹp với người dùng các bạn cần phải có kĩ năng cũng như những kiến thức về các phần mềm hỗ trợ.Vậy trong năm 2016 khi thiết kế website cần chú ý những gì? Hãy cùng nhóm thiết kế website tại Hà Nội cùng đi tìm hiểu nhé !!!

Xu hướng thiết kế website năm 2016


1 Website Responsive

Website Responsive là một xu hướng thiết kế web mới trong những năm gần đây và sẽ tiếp tục trong nhiều năm tới. Vào thời gian trước trang web sẽ sử dụng một bộ code, thiết kế riêng cho các thiết bị khác nhau, cụ thể là màn hình máy tính và các thiết bị cầm tay.

Nhưng với tiêu chí mới, thay vào việc phải thiết kế nhiều giao diện khác nhau thì với web responsive chỉ cần thiết kế 1 giao diện có thể co giãn phù hợp với nhiều kích thước màn hình của nhiều thiết bị khác nhau.

2 Giao diện tùy biến

Hiểu nôm na là giao diện sẽ được thay đổi linh hoạt tùy với những điều kiện tránh trường hợp nhàm chán cho người dùng 
Giao diện tùy biến trong thiết kế website 


3 Thiết kế website phẳng

Thiết kế web phẳng hay còn gọi là flat design là một phương pháp không sử dụng bất kỳ hiệu ứng nào để tạo giao diện theo chủ nghĩa tối giản, với các đặc điểm:
Không hiệu ứng
Hạn chế màu tối
Tập trung vào font chữ
Sử dụng nút phẳng.

Không giống như ngày xưa, khi website đang còn lạ mắt, hiện nay người dùng đã quá quen thuộc và đang ngày càng thích sự đơn giản, hài hòa, tập trung vào các giá trị mang lại. Vì vậy web phẳng sẽ là tiêu chí thiết kế trong năm 2016.
Giao diện người dùng

Giao diện người dùng (UI) được hiểu đơn giản là những gì chúng ta nhìn thấy trên màn hình và giao tiếp với máy tính qua những câu lệnh. Và đây là sẽ là điều được chú ý đặc biệt vào năm 2016, khi hiện nay website quá nhiều, sự trùng lặp giao diện cũng không hề ít, điều này không xấu nếu nó đem lại cho người dùng sự trải nghiệm tuyệt vời.

Thiết kế website vào năm 2016 này, người thiết kế sẽ cần nghiên cứu kỹ hơn về hành động của người đọc khi ở trên trang web, từ đó tìm ra những giải pháp tối ưu nhất.
Tối ưu tốc độ tải trang

Theo các nghiên cứu, với một người online phải chờ đợi 30s giống như 15 phút ngoài đời. Vì vậy cần thiết kế tối ưu các thành phần trên web từ dữ liệu, hình ảnh, video,… cũng như chọn dịch vụ cung cấp hosting tốt để đem tốc độ tải trang nhanh nhất.

Trong tình trạng ngành thiết kế web cạnh tranh gay gắt thì đây là một tiêu chí không thể thiếu trong năm 2016.
Hiện thị tốt đa trình duyệt

Người dùng hiện nay sử dụng rất nhiều loại trình duyệt khác nhau, người lớn thích IE, giới trẻ thích cốc cốc, dân mê game thì firefox, tín đồ google lại thích dùng chrome vì vậy việc website hiển thị tốt trên tất cả giao diện là điều vô cùng quan trọng, không lạ khi đây sẽ là tiêu chí thiết kế 2016.

Để được hỗ trợ, tư vấn về thiết kế web quý khách có thể liên hệ qua số điện thoại 0967 810 480. Với đội ngũ nhân viên trẻ, đầy sáng tạo, Mediaz tự hào là một trong những công ty thiết kế website hàng đầu hiện nay, cam kết đem lại cho khách hàng những sự trải nghiệm tuyệt vời nhất


Làm thiết kế web chúng ta cần phải chú ý những gì thị trường cần thì mới tạo ra được một website tốt và hợp với xu thế người sử dụng. Trong năm 2016 thiết kế website có nhiều chú ý cần phải quan tâm các bạn cần cập nhật sớm nhé !!!!

Xu hướng tông màu trong thiết kế website năm 2016?


Xu hướng màu sắc trong thiết kế website năm 2016

Thiết kế website đòi hỏi sự sáng tạo cũng như bắt kịp xu hướng của thị trường .Chính vì vậy nếu không nắm bắt được những kiểu website thịnh hành bạn sẽ bị tụt hậu trong ngành thiết kế.Với năm 2016 xu hướng màu sắc trong thiết kế website có sự thay đổi những tông màu nổi bật được chú trọng mang lại cá tính cho website của bạn .Vậy xu thế màu sắc đó là gì ? Màu sắc nào được lựa chọn làm tiêu điểm trong năm 2016? Cùng nhóm học thiết kế website tại Hà Nội đi tìm hiểu nhé !!!

1.Tông màu đơn sắc trong thiết kế website

Nhiều bạn trẻ thường cho rằng 1 tông màu thì website sẽ rất nhàm chán tuy nhiên các bạn đã sai lầm.Ngày nay phong cách tối giản đang rất được ưa chuộng của rất nhiều website . Với những tông màu sáng ít gây tập trung và độ tương phản giữa các màu thấp tạo cảm giác dễ chịu cho người dùng.
Tông màu đơn sắc trong thiết kế


Do các màu sáng thường gây sự chú ý nhiều vì thế nếu sử dụng quá nhiều thì sẽ gây nhức mắt , nhiều màu sắc cạnh tranh trên một website .Chính vì thế năm 2016 mọi người sẽ chọn xu thế đơn sắc để tăng sự cá tính cũng nhưng giải quyết vấn đề điểm nhấn .

2.Sử dụng sự tương phản sáng tối


Với những người cá tính thì xu hướng này khá hay, nó đem lại sự mới mẻ tránh sự tẻ nhạt.

tương phản trong thiết kế 

3 .Blocking và hovering

Hai xu hướng này khá phổ biến nó mang lại giao diện bắt mắt mà còn đặc biệt hữu dụng với các website có giao diện thẻ.

Blocking là cách bố trí layout theo dạng mạng lưới

Hovering ám chỉ đến các phần tử trong website sẽ tự đổi màu nếu rê chuột lên phía trên

Hai xu hướng này vừa thể hiện tính thực tiến vừa thể hiện sự phong cách .

4. Làm nổi bật văn bản

Với sự nổi bật của các tông màu tươi sáng rất hữu ích trong việc làm nổi bật những chữ cần đáng chú ý .Văn bản được nhấn mạnh mang thông điệp được chuyển tải

5 Hỗ trợ định hướng

Việc sử dụng màu sắc để đánh dấu trang là việc được nhiều người dùng để hỗ trợ tìm kiếm nhanh hơn .

Trên đây là các xu thế chính trong thiết kế website năm 2016. Màu sắc tạo nên sự hấp dẫn cho website của bạn.

Thứ Hai, 1 tháng 8, 2016

Thiết kế website bằng Photoshop trước hay tạo html,css trước ?

Tại sao thiết kế giao diện website trước khi tạo html ?

Khá nhiều bạn thắc mắc về vấn đề mình học không giỏi code thì có thể tạo ra được những website có giao diện đẹp không?Theo mình nếu thiết kế giao diện website đẹp thì chúng ta có thể sử dụng phần mềm photoshop. Vậy nên các bạn cũng không nên lo quá nếu không giỏi code bạn vẫn có một website ưng ý nhé !!!
thiết kế website 

1. Sự khác biệt giữa thiết kế bằng photoshop với thiết kế bằng html ,css

Các bạn cần phải hiểu rõ rằng thiết kế website bằng Photoshop chỉ cung cấp cho chúng ta phần giao diện thôi nhé !!! Các bạn nên biết về code để có thể hoàn thành tác phẩm của mình .

Nếu như photoshop thiên về chỉnh sửa ảnh và tạo ra giao diện thì html lại theo xu hướng code .Tuy nhiên hai vấn đề này luôn đi đôi với nhau bổ trợ cho nhau.
xây dưng website từ photoshop và html


Nếu bạn muốn biết thiết kế website cần những gì thì nó bao gồm:

· Một ý tưởng hay

· Mô phỏng lên giấy hoặc note

· Bố cục và màu sắc

Tiếp theo là công đoạn thực hiện nó ra sản phẩm:

· Dựng mẫu dựa trên Photoshop (khách xem và dễ tùy biến)

· Dùng Ilutrator để vẽ các chi tiết vector, logo cạnh xuất ra svg

· Dùng Dreamwave để chuyển tất cả mẫu trên thành HTML, CSS và JS (nếu cần)

· Kiểm tra và sửa lỗi.

2.Photoshop và html cái nào khó hơn?

Photoshop là phần mềm chỉnh sửa ảnh chuyên nghiệp và thiên về thiết kế giao diện website .Chính vì thế đòi hỏi người thiết kế phải có tính thẩm mỹ cũng như khả năng sáng tạo .... Còn với html dành cho dân lập trình web là chủ yếu nó nặng viết code nên nhiều khi các bạn yếu lập trình thường có xu hướng tránh né.
thiết kế website với html


Tuy nhiên 2 kiểu thiết kế này đề cần người thiết kế phải thật sự ham hiểu và sử dụng thành thạo thì mới đem lại một website đẹp cả về nội dung và hình thức.
Thiết kế website thật sự trở nên dễ dàng với phần mềm photoshop và html,css.

Phục chế ảnh cùng Clone Stamp Tool trong Photoshop


Clone Stamp Tool ảo diệu cùng phần mềm Photoshop

Nếu như Bush tool được coi là cây bút thần trong phần mềm photoshop thì công cụ clone stamp tool cũng được người thiết kế dùng như một công cụ hữu ích trong việc xóa các chi tiết. Công dụng của Clone Stamp là lựa chọn một khu vực của ảnh và dùng nó để vẽ lại trên một khu vực khác.Vậy sử dụng công cụ này như thế nào trong photoshop chúng ta cùng nhau tìm hiểu.

1 .Clone Stamp Tool trên thanh công cụ


Nằm ở thanh công cụ,đây chính là Clone Stamp ,bạn cũng có thể chọn nhanh công cụ này bằng phím tắt “S”.

Clone Stamp Tool trên thanh công cụ Photoshop


2. Công dụng của Clone Stam Tool


Clone Stam Tool chủ yếu dùng để xóa mụn trong chỉnh sửa ảnh thẻ ,ảnh chi tiết mặt... Đây là một công cụ biến da mặt sáng và không còn mụn cũng như nốt ruồi tạo khuôn mặt đẹp hơn , ảo diệu hơn.Bằng sự vận dụng của mình các bạn sẽ có những bức ảnh đẹp như ý muốn nhé !!!
Phục chế ảnh cùng Clone stamp tool

Công cụ Clone Stamp tool biến khuôn mặt trở nên ảo diệu hơn làn da mịn màng và đầy quyến rũ hơn khi đã loại sạch nhược điểm trên khuôn mặt như tàn nhang , nốt ruồi ,vết thâm....thật kì  diệu phải không các bạn. Cùng nhau học photoshop trong thiết kế website  nhé các bạn.