Nghề thiết kế web chuyên nghiệp (Web Designer)

Nghề thiết kế web, nghe rất quen thuộc và hấp dẫn, nhưng không phải nhiều người có thể hiểu được chính xác thiết kế web là làm gì và cần kỹ năng gì để thành công với nghề nghiệp này.

Trong khuôn khổ bài viết này chúng tôi sẽ phân tích những vấn đề nêu trên với hy vọng giúp bạn có được cái nhìn sâu hơn về nghề này cũng như cơ hội mà nó mang lại.

 

Nghề hấp dẫn, có nhu cầu cao, mức lương tốt

Trong xu thế ngày nay, mọi thứ đều online từ thông tin doanh nghiệp, hỗ trợ khách hàng, mua, bán, tìm kiếm thông tin, tư vấn sức khỏe, nấu ăn, làm bánh, trò chuyện cá nhân v.v.. Do đó, các trang web, dịch vụ web, ứng dụng web ngày càng nở rộ.

Sự xuất hiện nhiều ứng dụng, dịch vụ web cũng tạo ra sự cạnh tranh khốc liệt giữa các website, ứng dụng web với nhau. Trang web nào có giao diện đẹp hơn, trải nghiệm người dùng tốt hơn sẽ thu hút được người dùng. Từ đó khái niệm UI/UX ra đời và ngày càng trở nên quan trọng trong quá trình phát triển các trang web, ứng dụng web.

Để đáp ứng được các yêu cầu đó, cần một lượng lớn các nhà thiết kế, phát triển ứng dụng web chuyên nghiệp. Vì vậy, các bạn thiết kế web có kỹ năng được săn đón và chào mời với mức lương cao.

Tuyen dung thiet ke

Một số tin tuyển dụng Web Designer từ Diễn đàn việc làm thiết kế Đà Nẵng do iDesign thành lập và vận hành.

 

Qui trình thiết kế website, ứng dụng web

Để hiểu rõ hơn về công việc của một nhà thiết kế web, chúng ta xem xét qui trình thực hiện của các công ty thiết kế web chuyên nghiệp. Qua nghiên cứu, hầu hết chúng có các bước như sau:

Qui trình thực hiện một dự án của công ty chuyên về thiết kế web

Để thực hiện qui trình trên, các công ty thiết kế web sẽ chia ra thành các vai trò (role) sau:

Trong đó:

  • UI/UX Designer: người chịu trách nhiệm về thiết kế giao điện và trải nghiệm người dùng.
  • Graphic Design: Người chịu trách nhiệm thiết kế hình ảnh, UI về mặt đồ họa.
  • Web Developer: Người chịu trách nhiệm chuyển thiết kế đồ họa (hình ảnh sang trang web thật).
  • Copywriter: người viết bài cho website
  • SEO Specialist: Chuyên gia về Search Engineer Optimation, làm sao để công cụ tìm kiếm tìm ra websiet của bạn.

 

Những kỹ năng cần có của một Web Designer

Tùy theo qui mô, phân công công việc của mỗi công ty mà bạn có thể đảm nhiệm một hoặc nhiều vai trò kể trên. Qua quá trình nghiên cứu các nhu cầu tuyển dụng tại Diễn đàn việc làm thiết kế Đà Nẵng chúng tôi liệt kê các yêu cầu cụ thể cho các vai trò như sau:

  • UI/UX Designer:
    • Yêu cầu có kinh nghiệm thiết kế, sử dụng ứng dụng web
    • Có kiến thức về mặt phân tích, tiếp cận xử lý thông tin từ người dùng
    • Am hiểu về công nghệ trong xây dựng hệ thống web
    • Có khả năng tư vấn làm việc với khách hàng
    • Đã từng qua các vị trí Graphic Design
  • Graphic Designer:
    • Yêu cầu có kiến thức về thiết kế đồ họa
    • Sử dụng thành thạo Adobe Illustrator, Photoshop
  • Web Developer:
    • Yêu cầu biết về HTML, CSS, JavaScript
    • Biết một trong các ngôn ngữ lập trình web như PHP, Java …
    • Biết về WordPress là một ưu tiên
  • Copywriter:
    • Có kiến thức về Marketing
    • Có kỹ năng viết bài
    • Am hiểu về sản phẩm, khách hàng ..
    • Có kiến thức về SEO

Tùy theo nhu cầu công việc, qui mô môi công ty có những yêu cầu khác nhau cho vị trí Web Designer. Tuy nhiên, qua thống kê, phân tích các yêu cầu tuyển dụng, chúng tôi nhân thấy có một số yêu cầu cơ bản như sau cho vị trí Web Designer:

  • Có kiến thức về UI/UX
  • Có kinh nghiệm sử dụng các công cụ như Adobe Illustrator, Photoshop, Adobe XD
  • Có kỹ năng về HTML, CSS, JavaScript
  • Biết một ngôn ngữ lập trình web là ưu tiên
  • Biết WordPress là ưu tiên

 

Làm việc gì? Ở đâu?

Bạn hãy tham gia Diễn đàn việc làm thiết kế Đà Nẵng để tìm hiểu rõ hơn về công việc mà một Web Designer thực hiện. Tuy nhiên, qua tổng hợp của chúng tôi thì các tin tuyển dụng thường vào các vị trí sau:

  • Web Designer tại các công ty phần mềm
  • Web Designer tại các công ty có sản phẩn online như: sàn giao dịch thương mại điện tử, sàn giao dịch bất động sản, v.v..
  • Thiết kế, quản trị website cho các công ty lớn
  • Làm việc tại các công ty truyền thông

 

Trang bị kiến thức, kỹ năng để thành công

Để đáp ứng được yêu cầu công việc của một Web Designer chuyên nghiệp, iDesign đã nghiên cứu và thiết kế ra chương trình đào tạo Thiết kế web chuyên nghiệp.

Chương trình này sẽ trang bị đầy đủ các kỹ năng về Thiết kế đồ họa, Thiết kế UI/UX, HTML/CSS, JavaScript, BootStrap, WordPress và kiến thức về truyền thông để giúp bạn trở thành nhà thiết kế chuyên nghiệp dễ dàng tìm việc tại các công ty phần mềm.

Đặc biệt, iDesign sẽ cam kết hỗ trợ tìm việc làm và hướng dẫn cụ thể để bạn phát triển nghề nghiệp lâu dài.

Nếu bạn quan tâm hãy đăng ký ngay với chúng tôi tại đây hoặc tìm hiểu thêm về iDesign.

Chúc các bạn thành công.

Photoshop CC 2019 có đáng để nâng cấp ?

Photoshop CC 2019 mang đến cho bạn công cụ Frame mới, không gian làm việc Content-Aware Fill và Symmetry Mode cho công cụ Brush. Ngoài ra còn có rất nhiều cải tiến nhỏ.

1. Công cụ Frame Tool

Nhiều nhà thiết kế đã chuyển từ Photoshop sang các công cụ giao diện người dùng như Adobe XD. Công cụ Frame của Photoshop CC 2019 sẽ phần nào giữ chân các nhà thiết kế UI sử dụng Photoshop. Bây giờ bạn có thể tạo các Frame một cách dễ dàng với Photoshop CC 2019.

Công cụ này có thể được tìm thấy trong thanh công cụ hoặc bằng cách nhấn các phím tắt K . Nếu bạn không nhìn thấy nó, hãy vào Edit> Toolbar để khôi phục nó. Một số không gian làm việc mặc định ẩn công cụ này (ví dụ: không gian làm việc của Nhiếp ảnh (Photography Workspace)).

frame-tool. ​

Sau khi tạo Frame, bạn có thể kéo và thả một hình ảnh vào đó. Hình ảnh sẽ tự động nằm trong Frame. Mặc dù bạn có thể thực hiện điều này với Mask, tuy nhiên công cụ Frame sẽ loại bỏ bước không cần thiết đó.

frame-tools.

Video tìm hiểu về công cụ

2. Content-Aware Fill Workspace

Công cụ content-aware fill đã có một không gian làm việc mới với nhiều tuỳ chọn giúp bạn có thể xóa các đối tượng tốt hơn. Để truy cập vào không gian làm việc này, hãy chọn một đối tượng mà bạn muốn xóa (sử dụng bất kỳ công cụ chọn nào), sau đó vào Edit> Content-Aware Fill.

Launch-the-Content-Aware-Fill-workspace. ​


Video tìm hiểu:

3. Nhiều lần hoàn tác

Không giống như các phần mềm khác, phím Ctrl/Cmd + Z không hoạt động như bình thường trong Photoshop. Adobe có lý do cho điều này, nhưng nó hầu như không hợp lý.

Trong phiên bản mới Photoshop CC 2019, phím nóng này đã có thể hoàn tác nhiều lần liên tiếp.

multi-undo.

Nếu bạn không thích thay đổi này, bạn có thể hoàn tác thay đổi bằng cách chuyển đến Edit > Keyboard Shortcuts. Tick vào ô ‘Use Legacy Undo Shortcuts‘ rồi nhấp vào OK.

4. Chế độ đối xứng (Symmetry Mode)

Chọn công cụ Brush (B). Trong thanh tùy chọn (bên dưới các menu), bạn sẽ thấy biểu tượng con bướm ở bên phải. Đây là một chế độ Brush mới được gọi là “Symmetry“. Có 10 phong cách để lựa chọn và nó cho phép bạn vẽ các mục với các kiểu đối xứng khác nhau.

Nếu ai đã từng chơi “Monument valley” chắc chắn sẽ biết về cái này.

5. Và đây là danh sách dài các cải tiến mới

Danh sách này sẽ cập nhật các tính năng cải tiến nhỏ trong Photoshop CC 2019.

Khả năng sử dụng và giao diện:

  • Bạn có thể nhập các công thức toán học đơn giản vào các trường (ví dụ: 5 * 5 thay vì 25).
  • Giao diện có thể mở rộng theo kích thước phông chữ. Cài đặt này ở trong Edit > Preferences > Interface > Scale UI To Font.

Chế độ xem:

  • Lật tài liệu của bạn theo chiều ngang mà không thay đổi bất kỳ layer nào (View > Flip Horizontal).

Công cụ di chuyển:

  • Trong thanh tùy chọn (Option), bạn sẽ tìm thấy một chế độ mới mang tên “Distribute Spacing” giúp định vị các layer đồng đều theo khoảng cách. Đây là tính năng tương tự được tìm thấy trong Adobe Illustrator.

Công cụ type:

  • Sử dụng công cụ Type sẽ tự động nhập văn bản mẫu “Lorem Ipsum“. Điều này cho phép bạn xem phông chữ và kích thước phông chữ ngay lập tức. Giống với Illustrator.

Bảng điều khiển layer:

  • Di chuột qua các mục menu trong Blending Mode sẽ hiển thị cho bạn bản xem trước.
  • Bạn có thể thấy phần cuối nếu tên layer dài.

Bảng màu:

  • Bạn có thể truy cập bánh xe màu mới trong menu bảng điều khiển (trên cùng bên phải) của Bảng màu.

Ngôn ngữ:

  • Công cụ Match Font (Type> Match Font) có thể phát hiện phông chữ Nhật Bản.
  • Photoshop hỗ trợ tiếng Thái, Miến Điện, Lào, Sinhalese và Khmer.

Cuối cùng iDesign sẽ hướng dẫn các bạn download và cài đặt phiên bản Photoshop CC 2019 này nhé

  • Link cài đặt: Download 
  • Hướng dẫn cài đặt:

1.Gỡ sạch bộ cài CC 2019 nếu đã update bằng Adobe Creative Cloud

2.logout tài khoản nếu đã đăng nhập
2. Ngắt kết nối Internet 
3. Chạy bộ cài setup, lựa chọn nơi lưu cần thiết
4. Vào Startup tắt Adobe Creative Cloud đi để tránh update (không bắt buộc)

Nguồn: designervn.net

10 Bảng màu lấy cảm hứng từ sông núi

Khi cảm thấy ngột ngạt ý tưởng, thiên nhiên – sẽ là một nguồn cảm hứng bất tận, không chỉ riêng đối với Designer mà còn nhiều ngành nghề khác, việc ngắm nhìn những cảnh sông núi hùng vĩ sẽ làm cho bạn cảm thấy thoải mái và nãy sinh ra nhiều ý tưởng độc đáo.

1. Hồ Moraine, Canada

Hồ Moraine là một hồ do sông băng cấp nước ở vườn quốc gia Banff, 14 km ở bên ngoài làng Lake Louise, Alberta, Canada. Nó nằm ở Thung lũng Mười đỉnh núi, ở độ cao khoảng 6.183 feet. Hồ có diện tích bề mặt 0,5 km vuông.

Hình ảnh sông núi hùng vĩ kết hợp cùng cảnh chiều hoàng hôn cho chúng ta một tông màu ấm và mạnh mẽ.

2.

2. Hồ Moraine, Canada

Lần này cũng ở hồ Moraine nhưng hình ảnh được đưa về tông màu xanh cho chúng ta cảm giác lạnh với nhiều gam màu trắng và xanh trung tính.

3.

3. Prebersee, Tamsweg, Austria

Với các dãy núi hùng vĩ, cảnh chiều hoàng hôn với bầu trời màu vàng cam. Các dãy núi nối đuôi nhau cho ta cảm giác như tranh vẽ phong cách Firewatch.

4.

4. Snaefellsnes, Iceland

Snæfellsnes là một bán đảo nằm ở phía tây Borgarfjörður, phía tây Iceland. Nó đã được đặt tên là Iceland thu nhỏ, bởi vì nhiều điểm tham quan quốc gia có thể được tìm thấy trong khu vực, bao gồm cả núi lửa Snæfellsjökull, được coi là một trong những biểu tượng của Iceland.

5.

 

5. San Pedro de Atacama, Chile

San Pedro de Atacama là một thị trấn và xã của Chile ở tỉnh El Loa, vùng Antofagasta. Nó nằm ở phía đông của Antofagasta, khoảng 106 km về phía đông nam của Calama và mỏ đồng Chuquicamata, nhìn ra núi lửa Licancabur.

Hình ảnh mềm mại cùng các tông màu chuyển tiếp mượt mà rất tự nhiên như một giấc mơ, bạn có thể sử dụng bảng màu cho những dự án yêu cầu tính mềm mại, trong trẻo.

6.

 

6. Hồ Moraine, Canada

7.

7. Hồ Louise, Canada

Hồ Louise là một ngôi làng ở Alberta, Canada. Với mặt nước trong xanh cùng hình ảnh khu rừng đang chìm trong băng tuyết cho chúng ta một cảm giác mờ ảo.

8.

8. Hồ Moraine, Canada

Hồ Moraine trong một không khí của mùa xuân cho chúng ta một cái nhìn cổ điển và rất thơ mộng.

9.

9. Thung lũng Deep Valley, Hoa Kỳ

Được chụp trong một buổi chiều ta, hình ảnh cho chúng ta một cảm giác huyền ảo với các tông màu ấm. Bạn có thể sử dụng các tông màu này để tạo ra một cảm giác thơ mộng và chuyển tiếp mượt mà.

10.

10. Hồ Vermilion, Canada

Các hồ Vermilion là một loạt các hồ nằm ngay phía tây Banff, Alberta, trong dãy núi Rocky của Canada. Với mặt nước trong vắt cùng khung cảnh thơ mộng nhưng rất hùng vĩ.

photo-1516161786189-4c01a74daa94.

Thiết kế Website – nghề ‘’hái’’ ra tiền chưa bao giờ hết “HOT”

thiet ke web

Thu nhập ổn định, công việc sáng tạo, có nhiều hướng phát triển, nghề thiết kế website đang trở thành mảnh đất màu mỡ thu hút nhiều bạn trẻ dấn thân vào con đường này.

Ngày nay, Thiết kế website ngày càng đóng vai trò quan trọng, Wesite đang trở thành một phần quan trọng trong hoạt động của nhiều doanh nghiệp, tổ chức, cá nhân. Website đáp ứng mọi nhu cầu của người dùng từ giới thiệu thông tin, quảng bá sản phẩm đến trao đổi, mua bán hay giải trí. Vì thế, đây là phương tiện truyền thông cho sản phẩm hiệu quả, tin cậy và ít tốn kém nhất hiện nay. Thông qua  website, doanh nghiệp có thể nhận được luồng thông tin phản hồi từ khách hàng về sản phẩm, dịch vụ của mình để đáp ứng tốt nhất thị hiếu, nhu cầu của người tiêu dùng.

Hiểu được điều đó, nhiều bạn trẻ đã quyết định dấn thân chinh phục mảnh đất màu mỡ này, đặc biệt là các bạn trẻ ưa thích sự sáng tạo, , muốn khám phá cái mới, chinh phục bản thân.

thiet ke web-h1

Thiết kế web (web designer) là một công việc hái ra tiền và tăng trưởng mạnh mẽ trong những năm qua.

Mỗi ngày trên thế giới có khoảng 200 triệu người truy cập vào các website.  Mức độ tăng trưởng của ngành thiết kế web đang ở mức  khoảng trên 30% và được dự báo sẽ còn tiếp tục tăng. Điều này khiến nhu cầu nhân sự ngành thiết kế website sẽ tiếp tục nóng trong thời gian tới.

Nghề Thiết kế web làm gì?

Người thiết kế website tạo ra trang web có bố cục hài hòa, ấn tượng và đồ họa chất lượng cao để truyền đạt thông điệp hiệu quả đến đối tượng khách hàng hoặc công chúng mục tiêu của doanh nghiệp. Họ phát triển, duy trì các trang web và hoạt động của máy chủ để đảm bảo website hoạt động ổn định. Bên cạnh đó, để website trở nên nổi bật, cần có giao diện đẹp mắt và cần thường xuyên được cải tiến, tối ưu sao cho hiệu quả nhất.

Người Thiết kế web cần tố chất gì?

Một Web designer trước hết cần phải là một cá nhân nghệ thuật và có khả năng sáng tạo. Bố cục và đồ họa trên trang web phải được sắp xếp một cách hợp lý, đồng bộ, bắt mắt và thu hút được sự chú ý của khách hàng.

Ngoài ra, họ cũng cần phải là người tỉ mỉ và có tính kiên trì cao. Để tạo ra được một trang web yêu cầu người thiết kế phải chú ý đến từng chi tiết và phải đảm bảo rằng website của họ đáp ứng được các nhu cầu của khách hàng.  Đôi khi, họ cũng cần phải chấp nhận những bỏ qua những cá tính của mình, thay đổi lại toàn bộ thiết kế theo yêu cầu của khách hàng.

Ngoài ra, để thiết kế website, web designer phải học sử dụng thành thạo các công cụ web hay HTML, tiêu chuẩn web, ứng dụng phần mềm, nắm chắc nguyên tắc thiết kế cơ bản, quản lý nội dung trang web, hình ảnh, JavaScript, mã hóa…

Thu nhập của nghề Thiết kế web

Thiết kế website đang có những bước đi nhanh đến chóng mặt, hứa hẹn cơ hội việc làm với thu nhập hấp dẫn cho web designer nhiệt huyết và năng động.  Các sinh viên có thể đảm nhiệm các công việc như thiết kế đồ họa, biên tập viên đồ họa kỹ thuật số, thiết kế giảng dạy, tại các cơ quan quảng cáo, công ty tiếp thịhoặc phòng ban thông tin truyền thông của các doanh nghiệp.

Khi đã có nhiều kinh nghiệm, web designer hoàn toàn tự do và linh hoạt trong công việc của mình, thậm chí có thể làm tại nhà mà không cần phải di chuyển. Mức lương trung bình dao động khoảng 50.000 USD/năm đến 85.000 USD/năm+ Ngoài ra, có thể bổ sung các cơ hội việc làm đến từ các công ty, tập đoàn trong nước.

Tóm lại, thiết kế web đang là nghề hấp dẫn mà các bạn trẻ có thể theo đổi để có được nghề nghiệp ổn định với mức thu nhập cao.

Theo FPT

Khóa học Thiết kế Web: Khai giảng 15/11/2018

Khóa học thiết kế web

⁉️⁉️ WEBSITE ĐẸP CÓ KIẾM ĐƯỢC NHIỀU TIỀN ?

Khóa học thiết kế web

Hãy đến với khóa học #Thiết_Kế_WEB tại #iDesign để bạn có thể:

– Tự thiết kế website hoàn chỉnh như ý muốn.
– Tự sửa các lỗi diễn ra trên website.
– Tiết kiệm chi phi khi không phải thuê nhân viên/ dịch vụ thiết kế website.
– Kiếm được nhiều tiền nhờ khả năng thiết kế website chuyên nghiệp.

? AI NÊN THAM GIA KHÓA HỌC ?

– Những ai muốn kiếm tiền bằng con đường thiết kế web chuyên nghiệp.
– Sinh viên ngành CNTT, điện tử viễn thông muốn tìm hiểu nhiều hơn về thiết kế website.
– Doanh nghiệp, chủ cửa hàng muốn tự xây dựng website riêng.
– Cá nhân muốn tự lập website để chia sẻ thông tin, viết blog,…

⏩⏩⏩ Còn chần chờ gì nữa, hay đăng ký ngay khóa học để được nhận ưu đãi 10% học phí toàn khóa học cùng những quà tặng tuyệt vời từ #iDesign các bạn nhé

Đăng ký ngay tại :
>>> https://idesign.edu.vn/dang-ky-hoc
Xem chi tiết về khóa học
>>> https://idesign.edu.vn/cac-khoa-hoc/thiet-ke-web.html

⏳⏳⏳ THỜI GIAN & ĐỊA ĐIỂM
? Khai giảng: 18h00 Thứ 3 ngày 15/11/2018
?️ Địa chỉ 92 Quang Trung, Q.Hải Châu, Đà Nẵng
? Hotline: 02363 888 279

    Các định dạng ảnh GIF, PNG, JPG và SVG. Khi nào nên dùng

    Dùng định dạng ảnh nào là vấn đề rất quan trọng khi Export một sản phẩm thiết kê.

    Bài hướng dẫn ngắn dưới đây sẽ giúp bạn hiểu rõ hơn về các loại file ảnh và hướng sử dụng tốt nhất cho từng trường hợp.

    GIF: The Graphic Interchange Format

    Bảng 256 màu.

    Chắc hẳn ở đây ai cũng đã từng nghe đến và xem qua hệ ảnh “ngố” nhất mạng internet – định dạng GIF (Graphics Interchange Format).

    Định dạng GIF là một kiểu bitmap, nhưng không như JPEG hay PNG, file GIFbị giới hạn trong chỉ 256 màu sắc. Về cơ bản, mỗi hình ảnh GIF chứa một “hộp bút chì màu” đã định sẵn và hoàn toàn không có cách nào để trộn lẫn những màu này để cho ra màu mới cả.

    Tuy con số 256 nghe không hề ít chút nào, nhưng những bước ảnh phức tạp thường lên đến hàng nghìn tông màu là chuyện rất đổi bình thường. Nên qua quá trình chuyển đổi hình ảnh sang dạng GIF, rất nhiều màu gốc sẽ bị mất đi, vì lý do này, chúng ta không nên dùng GIF cho ảnh màu.

    GIF hiển nhiên là sự lựa chọn không phù hợp với hình ảnh có hệ màu rộng, nhưng con số 256 màu này sẽ rất hữu dụng khi bạn muốn kích thước file thật bé, lý tưởng cho người dùng internet cho tốc độ chậm chạp. Trong nhiều năm, GIF là lựa chọn duy nhất cho hình ảnh bán trong suốt trên web cho đến khi PNG và SVG xuất hiện.

    Xếp loại: Lossless (Không giảm chất lượng sau mỗi lần export)

    Sử dụng trong:

    • Hoạt ảnh đơn giản
    • Icon nhỏ
    • Hình ảnh ít chênh màu giữa từng pixel (hình ảnh màu đơn như logo hoặc lá cờ chẳng hạn)

    JPEG

    Tùy theo sở thích, bạn có thể để format này ở dạng ‘JPEG’ hoặc ‘JPG’ – cả hai đều là dạng viết tắt chấp nhận được của cùng một định dạng – Joint Photographic Experts Group.

    Khác với GIF, JPEG là dạng ảnh 16-bit. Nói cách khách, định dạng này có thể kết hợp ánh sáng đỏ, lam và lục để hiển thị hàng triệu màu. Như vậy, định dạng rất “thân thiện với ảnh chụp”. Đây là một phần lý do khiến JPEG trở thành chuẩn mặc định của hầu hết ống kính trên thị trường.

    Định dạng JPEG còn cho phép bạn lựa chọn linh hoạt độ nén của ảnh – từ 0% (nén nặng nhất) đến 100% (không nén). Nhìn chung, độ nén ở khoảng 60%-75% sẽ giảm thiểu dung lượng khá khá, trong khi vẫn đảm bảo chất lượng trên đa số màn hình.

    Tuy JPEG phù hợp cho việc nén và render ảnh chụp, đây lại là dạng nén khá lỏng lẻo, không tiện cho việc chỉnh sửa chuyên sâu. Sau mỗi lần export ảnh JPEG, chất lượng sẽ bị giảm đi một tý. Vì lý do này, nhiều nhiếp ảnh gia thường chụp ở chuẩn RAW looseless.

    Hơn nữa, không như GIF và PNG, JPEC không thể chứa dữ liệu transparency.

    Xếp loại: Lossy (Giảm chất lượng sau mỗi lần export)

    Sử dụng trong:

    • Ảnh tĩnh
    • Ảnh chụp
    • Hình ảnh mới màu sắc phức tạp và sôi nổi

    PNG

    Định dạng ảnh mới hơn GIF và JPEG, ảnh PNG (Portable Network Graphics) nhờ vào hai biến thể đặc biệt, nên giống như là con lai của GIF và JPEG vậy.

    PNG-8

    PNG-8 tương tự như GIF theo một số tiêu chuẩn, và dùng cùng một hệ 256 màu sắc (tối đa). Định dạng này có tùy chọn transparency tốt hơn và thường export ra file có kích thước bé hơn. Tuy nhiên, PNG-8 không mang chức năng hoạt ảnh (animation).

    PNG-24

    PNG-24 cho phép bạn render hình ảnh với hàng triệu màu – giống với JPEG – và đồng thời còn có khả năng lưu trữ dữ liệu transparent.

    Vì là định dạng file lossless, nên các file PNG-24 thường có kích thước lớn hơn. Nếu chất lượng hình ảnh là tiêu chí quan trọng hàng đầu, PNG-24 sẽ là lựa chọn tốt nhất cho bạn. Đặc biệt, một số dịch vụ như TinyPNG.com thường có thể giúp bạn phần nào khắc phục khuyết điểm kích thước này.

    So với người anh em JPEG, file PNG-24 không tương thích rộng rãi với mọi ứng dụng và platform, phần nào giảm bớt khả năng chia sẻ trên web. Tuy nhiên, ảnh có thể được edit mà không bị giảm chất lượng.

    Xếp loại: Lossless

    Sử dụng trong:

    • Web graphic cần transparency
    • Hình ảnh với màu sắc rộng và phức tạp
    • Hình ảnh cần được export và edit nhiều lần

    SVG

    Không như ba định dạng bên trên, SVG (Scalable Vector Graphics) không phải là dạng ảnh thuần bitmap. Mà thay vào đó là dạng vector – người anh em gần với định dạng Adobe Illustrator và EPS – dạng dữ liệu ảnh ngày càng hấp dẫn cho thiết kế web và UI.

    SVG phù hợp nhất cho việc hiển thị logo, icon, map, flag, chart và các dạng graphic khác trong các ứng dụng gốc vector như Illustrator, Sketch, và Inkscape. Khi được viết theo markup gốc XML, file SVG của bạn sẽ có thể được edit trong mọi text editor và được modify bằng JavaScript hoặc CSS. Vì có thể giữ lại chất lượng ở mọi kích thướng ảnh, vector rất lý tưởng cho thiết kế responsive.

    Tuy SVG về bản chất là dạng vector, nhưng bạn vẫn có thể (thậm chí còn rất thường thấy) embed thành phần hình ảnh bitmap ngay trong fiel SVG – giống y như cách bạn embed JPEGs vào HTML.

    Bạn có thể làm được điều này bằng cách liên kết URL nguồn ảnh (giống cách bạn link JPG lên webpage) hoặc bằng cách chuyển đổi hình ảnh pixel sang dạng Data URI. Như bạn thấy, SVG nhờ điểm này mà có được sức mạnh và sự linh hoạt không sao bì được.

    Dù SVG giúp hình ảnh của bạn trông đẹp tuyệt trên web, nó vẫn chưa thể trở thành format cho ‘mọi người mọi nhà’ dùng cho hoạt động chia sẻ của mình.

    Khi bắt gặp định dạng SVG, các dịch vụ trực tuyến như WordPress, Flickr, Medium, Tumblr, and Facebook hoặc sẽ buộc bạn chuyển đổi sang format mà họ thích, hoặc – thường thấy hơn – không cho bạn upload file SVG luôn. Một số page host file SVG nổi tiếng có svgur.com, imgh.us và thậm chí là cả Github.

    Xếp loại: Vector/Lossless

    Sử dụng trong:

    • Logos và graphics dùng cho web design
    • Thiết bị hiển thị chuẩn retina

    So sánh và đối chiếu

    Sau khi đã biết được sự khác biệt giữa những định dạng file phổ biến, chúng ta sẽ tiếp tục so sánh chúng sâu hơn. Dưới đây bạn sẽ thấy được cách các định dạng GIF, JPEG, PNG và SVG xử lý hình ảnh, với các màu sắc cả đơn giản lẫn phức tạp, kể cả hình chụp.

    Anh màu “trơn”

    Kiểu ảnh đầu tiên mà chúng ta sẽ xét đến là hình ảnh màu đơn tông. Kiểu ảnh này có thể gồm đa số logo, branding, icon, bản đồ đơn giản, và diagram. Ảnh gốc là ảnh PNG 23.4 KB với độ phân giải 1280 x 1280.

    Dưới đây bạn sẽ có thể thấy được điểm khác biệt về kích thước nén cũng như chất lượng ảnh. Chú ý rằng hình ảnh được lưu trữ với tùy chọn “Save for Web and Devices” trong Photoshop với setting chất lượng cao nhất.

    GIF: 17.6 KB

    JPEG 100% (no compression): 53.3 KB

    JPEG 75%: 33 KB

    PNG-8: 11.8 KB

    PNG-24: 19.6 KB

    SVG: 6 KB (hình vector hoàn toàn)

    Ở trong trường hợp cụ thể này, chất lượng không bị mất đi quá nhiều khi so sánh sáu format này với nhau – tuy vẫn có ‘nhiễu’ nhẹ ở phần viền trong ảnh JPEG đã nén.

    Không phải ảnh “trơn” nào cũng sẽ may mắn cho ra kết quả tốt như thế này. Với ảnh này, giả sử ta có file vector gốc, SVG sẽ là lựa chọn hiển nhiên với kích thước 6kb. Nếu không có vector, PNG-8 là bước lùi “tàm tạm” với hình ảnh gốc giảm từ 23.4 KB xuống còn 11.8 KB.

    Ảnh màu phức tạp

    Ảnh gốc có định dạng JPEG, 328 KB với độ phân giải 1280 x 960. Dưới đây bạn sẽ thấy được sự khác biệt trong kích thước nén, cũng như chất lượng hình ảnh. Chú ý rằng hình ảnh được lưu với tùy chọn “Save for Web and Devices” trong Photoshop với setting chất lượng cao nhất.

    Vì chúng ta không sỡ hữu bất kỳ phiên bản vector nào của ảnh này, nên phiên bản SVG sẽ chỉ đơn giản là JPEG embed trong file SVG. Vì có làm cũng như không, nên tôi sẽ bỏ luôn ví dụ SVG.

    GIF: 426kb

    JPEG 100% (no compression): 776 KB

    JPEG 75%: 215 KB

    PNG-8: 327 KB

    PNG-24: 1.7 MB

    Các hình ảnh có màu sắc phức tạp thường sẽ đẹp hơn khi ở định dạng JPEG, PNG-24 hoặc SVG. Màu sắc gần như được giữ lại toàn bộ và không có hiện tượng nhiễu hay phân dải đáng ghét như với chuẩn GIF và PNG-8.

    Ảnh chụp màu

    Ảnh gốc ở dạng JPEG, 215KB với độ phân giải 1280 x 701. Dưới đây bạn sẽ thấy được sự khác biệt trong kích thước nén, cũng như chất lượng hình ảnh. Chú ý rằng hình ảnh được lưu với tùy chọn “Save for Web and Devices” trong Photoshop với setting chất lượng cao nhất.

    Một lần nữa, với ví dụ này, file SVG vẫn sẽ không có nhiều giá trị so sánh.

    GIF: 453 KB

    JPEG 100% (Không nén): 410 KB

    JPEG 75% : 410 KB

    PNG-8: 395 KB

    PNG-24: 1.03 MB

    Trong trường hợp hình ảnh phức tạp, ảnh của bạn tốt nhất nên được lưu trữ ở dạng JPEG, PNG-24 hoặc SVG. Trong ảnh trên, màu sắc được lưu giữ tốt trong tất cả format, chỉ bị phân dải và nhiễu đáng kể ở phần tóc, da, background và phần trên của ảnh ở định dạng GIF và PNG-8.

    Techtalk via Sitepoint

    Quay về quá khứ

    “Khi nhìn ngắm những bức ảnh cũ của gia đình, tôi tự hỏi sẽ ra sao khi photoshop chính mình vào trong đó”, Conor cho biết. “Tôi đã nhặt nhạnh tất cả mũ áo cũ kỹ mà tôi có thể tìm thấy, cố gắng đưa bản thân vào những khoảnh khắc thời thơ ấu. Nếu không làm như vậy, những tấm ảnh đó chỉ là một ký ức xa xôi”.

    Nhiếp ảnh gia Conor Nickerson đến tư Montreal, Canada đã thực hiện một dự án: Tự photoshop chính mình vào những bức ảnh thời thơ ấu, từ năm 1997 – 2005.

    Anh chàng này có kỹ năng Photoshop tài tình đến nỗi, bạn khó có thể nhận ra đây là ảnh đã qua chỉnh sửa vì chúng quá hoàn hảo.

    Conor chia sẻ thêm rằng, một trong những thử thách lớn nhất khiến nước ảnh cũ và mới hòa làm một.

    “Phải sử dụng rất nhiều công cụ như blur, sharpen, thêm cả noise để ảnh mới trông giống ảnh cũ nhất có thể”.

    Những bức ảnh dưới đây trông giống như 2 anh em hoặc cha con trong cùng một gia đình.

    Dù sao đi chăng nữa, nếu được gặp thì Conor lớn và Conor bé sẽ rất hợp nhau.

    Anh chàng này photoshop tài tình đến nỗi, bạn khó có thể nhận ra đây là ảnh đã qua chỉnh sửa vì chúng quá hoàn hảo

    “Khi nhìn ngắm những bức ảnh cũ của gia đình, tôi tự hỏi sẽ ra sao khi photoshop chính mình vào trong đó”, Conor cho biết

    “Tôi đã nhặt nhạnh tất cả mũ áo cũ kỹ mà tôi có thể tìm thấy, cố gắng đưa bản thân vào những khoảnh khắc thời thơ ấu. Nếu không làm như vậy, những tấm ảnh đó chỉ là một ký ức xa xôi”

    Conor chia sẻ thêm rằng, một trong những thử thách lớn nhất khiến nước ảnh cũ và mới hòa làm một

    “Phải sử dụng rất nhiều công cụ như blur, sharpen, thêm cả noise để ảnh mới trông giống ảnh cũ nhất có thể”
    Những bức ảnh dưới đây trông giống như 2 anh em hoặc cha con trong cùng một gia đình. Dù sao đi chăng nữa, nếu được gặp thì Conor lớn và Conor bé sẽ rất hợp nhau

     

     

    Trong bức ảnh này có tới tận… 3 Conor, thật là tài tình!

     

    Photoshop đâu phải chỉ dùng để chế ảnh hài hước, phần mềm này còn giúp tạo ra nhiều điều vô cùng ý nghĩa

    Còn gì tuyệt vời hơn khi tạo ra những bức ảnh tuyệt vời cùng với những công cụ thiết kế nổi tiếng nhất hiện nay

    Đăng ký ngay khóa học Thiết kế đồ họa tại iDesign để có thể

    • Thông thạo Adobe illustrator :

    – Thiết kế Vector, logo, nhận diện thương hiệu…

    • Thông tạo Adobe Photoshop:

      – Thiết kế trang web

      – Thiết kế trong lĩnh vực thời trang

      – Vẽ các loại tranh (matte painting và nhiều thể loại khác),

      – Vẽ texture cho các chương trình 3D…

    • Xem chi tiết về khóa học: XEM CHI TIẾT
    • Đăng ký ngay khóa học tại đây các bạn nhé:

      Nguồn: vietdesigner.net

      Học sinh cấp ba thiết kế lại sách giáo khoa Lịch sử

      sách giáo khoa cấp 3

      Học sinh cấp ba thiết kế lại sách giáo khoa Lịch sử

      idesign sách lịch sử 12

      Danh Phuong hiện đang là một học sinh cấp ba tại thành phố Hồ Chí Minh, mong muốn sử dụng thiết kế để gạt bỏ nỗi buồn chán mỗi khi học Lịch Sử.

      Với mong muốn giải quyết nỗi chán chường khi học Sử của các học sinh Việt Nam, Phương đã nghĩ ra dự án thiết kế lại cuốn sách Lịch Sử trong chương trình giáo dục bằng cách dàn sách lại một cách đẹp mắt hơn sử dụng Indesign và Photoshop.

      Theo thống kê, có khoảng 80% trong 28,000 học sinh đạt điểm dưới trung bình môn Lịch sử trong kỳ thi tốt nghiệp. Điều này cho thấy nhiều bất cập của chương trình giáo dục Sử học ở Việt Nam và đồng thời tạo nên ý tưởng tuyệt vời cho Danh Phuong để tái thiết kế bộ sách Lịch sử này.

      Là một học sinh trung học, Danh Phuong cũng thích học những cuốn sách giáo khoa mới mẻ và tinh tươm, có thể dấy lên niềm hứng thú ở học sinh nhiều hơn những cuốn sách toàn chữ là chữ.

      “New History” bao gồm những phương án thị giác cần thiết cho một cuốn sách giáo khoa Lịch Sử.

      Dự án nhằm tạo ra giao diện thân thiện với học sinh, thể hiện góc nhìn sinh động, chân thực và rõ ràng về những sự kiện lịch sử như chiến tranh, nạn đói, và những xung đột chính trị qua thiết kế.

      Khai giảng khóa học Thiết kế đồ họa GD02

      thiết kế đồ họa chuyên nghiệp

      Tối 18/09/2018 Idesign đã khai giảng thành công khoá học thiết kế đồ hoạ chuyên nghiệp

      Buổi khai giảng có sự tham gia của

      Thầy Vy Văn Việt – CEO Iviettech đồng thời cũng là giám đốc của IDesign

      Cô Nguyễn Thị Ngọc Lan – phó giám đốc công ty

      Thầy Trần Đức Hùng- giảng viên lớp thiết kế đồ hoạ cùng toàn thể các bạn học viên khoá 02

      Đứng trước nhu cầu nhân sự ngành thiết kế đồ hoạ khan hiếm mà nhân lực lại không đủ điều kiện đáp ứng nhà tuyển dụng, đây là cơ hội lớn để các bạn trẻ có thể nắm bắt và mở rộng tương lai với nghề thiết kế.

      Khoá học đáp ứng những yêu cầu đầu vào từ phía các nhà tuyển dụng:

      • Chuyên môn
      • Trình độ tiếng Anh
      • Kỹ năng mềm
      • Thái độ làm việc

      Với những bài học đi từ cơ bản đến nâng cao đan xen cùng các bài thực hành, làm nhóm, làm dự án và báo cáo đồ án cuối khoá cùng với các buổi đào tạo kĩ năng viết CV, phỏng vấn,… nên đây là chương trình được đánh giá sát với thực tế và giải quyết được bài toán nhân lực ngành thiết kế đồ hoạ.

      Chỉ tính riêng ngành thiết kế đồ hoạ tại Đà Nẵng vào những tháng đầu năm 2018 đã có gần 500 lượt tuyển dụng ngành thiết kế đồ hoạ, chiếm gần 75% tổng số vị trí tuyển dụng.

      Idesign mong muốn rằng chương trình thiết kế đồ họa sẽ giúp các bạn mạnh dạn đến và theo đuổi giấc mơ của mình.

      KHÓA HỌC THIẾT KẾ ĐỒ HỌA GD02 – SẼ HỌC CHÍNH THỨC VÀO 25/09/2018

      Đăng ký ngay để được nhận những ưu đãi tuyệt vời tại iDesign

        Thiết kế Logo: 4 khía cạnh quan trọng cần lưu ý

        Thiết kế logo của công ty là một trong những công cụ xây dựng thương hiệu hiệu quả nhất. Logo trở thành nhãn hiệu nhận dạng của một doanh nghiệp và được sử dụng ở mọi nơi trên các sản phẩm và dịch vụ của một doanh nghiệp. Nó được in trên tất cả các tài liệu tiếp thị như danh thiếp, trang web, tài liệu quảng cáo, văn phòng phẩm, v.v. Nhưng để làm cho logo của công ty trở nên hiệu quả, nó cần phải độc đáo để có thể nổi bật từ rất nhiều thương hiệu khác và để thu hút sự chú ý của khách hàng tiềm năng.

        Không nên thiết kế logo của công ty chỉ đơn thuần là biểu tượng chỉ gắn vào sản phẩm hoặc dịch vụ của mình. Hơn thế nữa, logo của bạn có thể tạo ra khả năng cạnh tranh cho doanh nghiệp của bạn. Logo có thể trở thành công cụ trong việc chuyển sự chú ý của khách hàng đối với công ty của bạn. Thiết kế logo công ty mạnh mẽ thậm chí giúp chuyển đổi người xem thành người mua. Logo như vậy cần có các yếu tố thiết kế đồ họa tuyệt vời. Để làm như vậy, bạn phải chú ý đến một số khía cạnh quan trọng trong thiết kế Logo.

        1. Dễ dàng mô tả

        Khi mọi người có thể hiểu được bản chất thiết kế của logo, họ sẽ quan tâm nhiều hơn đến doanh nghiệp của bạn. Ví dụ, mọi người có mô tả chữ M màu vàng lớn là logo của McDonald để mọi người hiễu. Nhưng nếu đó là một thiết kế logo quá phức tạp, mọi người sẽ bỏ qua nó vì họ không thể giải thích nó. Người xem không nhận được một thông điệp rõ ràng từ logo. Một logo có thể được giải thích nhanh chóng trở thành một biểu tượng hữu ích cho sự công nhận thương hiệu.

        MC-Dobald-Logo.

        2. Đáng nhớ

        Đảm bảo rằng thiết kế logo công ty của bạn dễ nhớ đối với tất cả mọi người. Cách tốt nhất để làm cho nó đáng nhớ là sử dụng một yếu tố duy nhất mà mọi người có thể nhận ra dễ dàng. Nhiều yếu tố làm cho thiết kế logo của công ty trở nên phức tạp và khó nhớ hơn. Vì vậy, sự đơn giản của thiết kế là chìa khóa. Lấy logo của Apple, có một quả táo được tạo ra một cách rất đơn giản.

        Một thiết kế logo công ty đáng nhớ cũng được biết đến với tuổi đời của nó. Điều này ngụ ý rằng chủ doanh nghiệp không nên thay đổi thiết kế thường xuyên. Vì vậy, nhiều logo không có nhiều thay đổi trong nhiều thập kỷ, nó giúp trong việc xây dựng một sự nhận diện rõ ràng đến người dùng.

        Một trong những cân nhắc để tạo ra một logo lâu dài là bạn không nên chạy theo đúng xu hướng. Hầu hết các xu hướng thiết kế giống như thời trang đến và đi trong một vài năm. Nhưng một thiết kế logo phải tiếp tục được dùng trong nhiều năm, thậm chí trong nhiều thập kỷ.

        logo-apple.

        Nhiều logo như vậy đã trở thành một phần của văn hóa. Nếu bạn thay đổi thiết kế logo thường xuyên, nó sẽ có tác động lớn đến người dùng.

        Do đó, tránh tạo biểu trưng dựa trên xu hướng thiết kế hiện tại. Thay vào đó, hãy thiết kế một thiết kế logo vẫn ấn tượng ngay cả sau nhiều thập kỷ.

        3. Hiệu quả trong màu đen và trắng

        Logo công ty của bạn sẽ được sử dụng trong các quảng cáo trên báo, fax, photocopy và nhiều sản phẩm khác mà không sử dụng màu sắc. Vì vậy, thiết kế logo của công ty phải trông ấn tượng như trên cả màu đen và trắng.

        logo-nen-den-trang.

        4. Khả năng mở rộng

        Logo cần phải giữ lại tất cả các yếu tố và chi tiết của nó ngay cả khi nó được giảm xuống một kích thước nhỏ để in trên danh thiếp,… vv. Do đó, nhà thiết kế đồ họa nên tránh kết hợp nhiều chi tiết có thể chồng lên nhau hoặc bị mờ khi in ở kích cỡ nhỏ. Thiết kế logo của công ty không được thổi phồng các thành phần của nó khi in trên biển quảng cáo.

        Bạn nên sử dụng lưới thiết kế để đảm bảo rằng biểu tượng của bạn có thể mở rộng được. Lưới trong thiết kế là một kỹ thuật hữu ích để giữ cho các yếu tố thiết kế theo một cách tương xứng trong một không gian nhất định. Điều này có nghĩa là mỗi dòng, hình dạng, hình ảnh, vv được kết hợp trong một biểu tượng sẽ được cân đối với các yếu tố khác trong thiết kế. Nó sẽ giúp giữ cho thiết kế có cảm giác tỷ lệ ngay cả khi thiết kế được kéo dài quá xa trên một bề mặt lớn như biển quảng cáo.Thiết kế sẽ vẫn hiển thị rõ ràng trên một bề mặt rất nhỏ chẳng hạn như các sản phẩm nhỏ hơn cho mục đích quảng cáo.

        Phần kết luận

        Logo công ty của bạn phải là một thiết kế đáng nhớ mà mọi người có thể dễ dàng giải thích. Nó phải là một biểu tượng đơn giản để khách hàng mục tiêu có thể dễ dàng nhận được thông điệp thương hiệu của bạn. Biểu tượng cũng phải trông tuyệt vời ở màu đen và trắng. Nó phải là một thiết kế có khả năng mở rộng và truyền tải đầy đủ ý nghĩa khi được in trên các biển quảng cáo lớn hoặc trên các sản phẩm nhỏ như danh thiếp.

        Nguồn: designervn.net