Content

Content

content

title

content

title

content

Thứ Bảy, 14 tháng 9, 2019

Kích thước logo chuẩn cho trang web và ứng dụng

Logo tuyệt vời sẽ giữ được tính toàn vẹn của chúng trên bất kỳ nền nào và thích ứng với mọi kích thước mà không làm mất đi sự rõ ràng. Để có được một ý tưởng về cách bạn có thể đạt được điều này, hãy bắt đầu với các nguyên tắc thiết kế cơ bản.


KÍCH THƯỚC LOGO VÀ KÍCH THƯỚC CƠ BẢN

Tính linh hoạt, khả năng mở rộng, cân bằng và tỷ lệ là một số nguyên tắc cơ bản của thiết kế logo áp dụng trực tiếp vào kích thước logo. 

Khi định hình và định hướng logo cụ thể của riêng bạn cho các bối cảnh kích thước khác nhau, đây sẽ kim chỉ nam của riêng bạn. Giống như bất kỳ khía cạnh nào của thiết kế, kích thước không bao giờ đúng tuyệt đối và nó đòi hỏi sự phán đoán tốt nhất của bạn tùy thuộc vào loại logo bạn đang làm việc.

  • Logo của bạn phải dễ đọc ở mọi kích thước: Cần duy trì tỉ lệ của logo để tránh bị méo mó trên các kích thước khác nhau.
  • Ngang, dọc & vuông : Logo của bạn phải hiệu quả bất kể nó được định hướng và hiển thị như thế nào.
  • Kích thước cần phải nhất quán trên nhiều phương tiện khác nhau : Lựa chọn kích cỡ của bạn trên các phương tiện cần nhất quán và phản ánh tiếng nói thương hiệu của bạn.
  • Tìm hiểu loại tệp : Các tệp vectơ như PDF hoặc EPS được thiết kế để có khả năng mở rộng vô hạn.
Cuối cùng, logo của bạn cần phải có kích thước phù hợp và dễ nhìn, các chi tiết thừa có thể cần loại bỏ bớt trên một không gian nhỏ hẹp.

KÍCH THƯỚC LOGO CHO WEBSITE VÀ ỨNG DỤNG

Một số cân nhắc quan trọng khi định cỡ logo của bạn cho web là:
  • Nó có phù hợp với phần còn lại của trang không?
  • Có phải nó khác biệt và dễ nhận biết ở cả định dạng lớn và nhỏ.
Đây là các kích thước tiêu chuẩn bạn nên tính đến khi thiết kế logo cho các trang web và ứng dụng:

Kích thước favicon tiêu chuẩn

  • 16 x 16 pixel
  • 32 x 32 pixel
  • 48 x 48 pixel
Kích thước tiêu đề trang web

Điều này sẽ phụ thuộc vào loại trình tạo trang web bạn đang sử dụng. Nhưng đây là một số kích thước tiêu chuẩn cho nhiều trang web.

  • Full banner: 468 x 60 pixel
  • Bố trí ngang
    • 250 x 150 pixel
    • 350 x 75 pixel
    • 400 x 100 pixel
  • Bố cục dọc:
    • 160 x 160 pixel
Kích thước biểu tượng ứng dụng di động
  • iPhone 6S trở lên: 180 x 180 pixel
    • 120 x 120 pixel trong Tìm kiếm nổi bật
    • 87 x 87 pixel trong Cài đặt
  • iPad: 152 x 152 pixel
  • Android: 192 x 192 pixel
  • Windows: 62 x 62 pixel
Tham khảo Designervn.net
Share:

Thứ Hai, 4 tháng 12, 2017

Adobe Illustrator - Mẹo sử dụng tính năng ẩn hiệu quả dành cho người mới

Adobe Illustrator (Ai) là chương trình đồ họa vector, tạo nền tảng cần thiết cho nghề thiết kế đồ họa. Và cũng giống như nhiều sản phẩm khác từ Adobe, Illustrator có rất nhiều tính năng ẩn. Hãy cùng chúng tôi tìm hiểu những mẹo sử dụng tính năng ẩn hiệu quả dành cho người mới bắt đầu.


1. Pattern - Đơn giản hóa công việc 1 cách dễ dàng

Nếu bạn muốn sử dụng một hình dạng lặp đi lặp lại thì nên tạo ra các Pattern. Nó cho phép bạn không phải mất thời gian để tạo ra các hình dạng lặp đi lặp lại.
hoc-adobe
Adobe Illustrator - Mẹo sử dụng tính năng ẩn hiệu quả dành cho người mới
Pattern cũng là một lựa chọn tuyệt vời để tạo ra một số loại tác phẩm nghệ thuật trừu tượng.


2. Công cụ Shape Builder

Adobe illustrator có cung cấp công cụ Shape Builder là một phiên bản đơn giản của Pathfinder. Trình tạo Hình dạng thực hiện các chức năng cơ bản giống như Pathfinder.

  • Nó cho phép bạn thêm nhiều đường kết nối
  • Trừ các phân đoạn của nhiều đường kết nối.
  • Bạn có thể thấy những thay đổi đối với tác phẩm nghệ thuật của mình khi bạn tạo chúng. 
  • Di chuột qua vùng được chọn sẽ cho bạn hình ảnh trước của hình dạng mới.

3. Công cụ Pathfinder

Pathfinder cho phép bạn kết hợp hoặc tách đường Path để đưa chúng vào các đường khác nhau. Ví dụ, bạn có thể lớp các hình dạng đơn giản, và sau đó sử dụng pathfinder để biến chúng thành một hình dạng thống nhất, phức tạp hơn. 
hoc-adobe

4. Pen Tool

Pen Tool không khó để sử dụng, và sử dụng Pen Tool cho phép bạn kiểm soát nhiều hơn những gì bạn đang tạo ra. Bất kỳ đường dẫn có thể được tạo ra bằng cách sử dụng Pen Tool.

5. Sử dụng Brushes để thêm các hiệu ứng đẹp mắt

adobe-illustrator

Brush thường ít được sử dụng trong Ai. Bạn có thể sử dụng nó để thêm chiều sâu cho tác phẩm nghệ thuật của bạn. Có rất nhiều Brush có sẵn cho bất kỳ hiệu ứng bạn có thể làm với nó. Bạn sẽ có thể thêm các hiệu ứng màu nước, sơn dầu,...
Share:

Thứ Tư, 1 tháng 11, 2017

Cách tô màu từ đơn giản đến Pro trong Adobe illustrator

Adobe Illustrator là chương trình đồ họa vector, tạo nền tảng cần thiết cho nghề thiết kế đồ họa. Hôm nay HocAdobe.Net xin giới thiệu đến các bạn cách tô màu chuyển sắc và tô màu lưới trong Adobe illustrator CS6.

Tô màu chuyển sắc và tô màu lưới trong Adobe illustrator CS6

1. Tô màu chuyển sắc

  • Chọn đối tượng và hiển thị Palette Gradient (F9)
  • Chọn kiểu tô và xác định góc tô
  • Xác lập màu cho các bình mực trên thanh hiển thị màu
  • Sau khi ứng dụng mẫu tô cho đối tượng có xác xuất thay đổi hướng và tâm mẫu tô bằng cách sử dụng công cụ Gradient Tool
  • NOTE: Nếu bạn muốn tô chuyển sắc cho màu nền của đối tượng thì chọn Fill nằm trên. Ngược lại , muốn tô chuyển sắc cho viền thì chọn Stroke nằm trên. 


Adobe illustrator trợ giúp 2 kiểu tô là: tô dạng thẳng ( Linear ) và dạng tỏa tròn ( Radial ).
  • Ở kiểu tô Radial , bạn còn có xác xuất “bóp” hướng tô tỏa tròn thành elip , mở rộng/ thu hẹp khuôn khổ lan tỏa màu , và di chuyển tâm cũng như hướng tô một cách dễ dàng
2. Tô màu lưới
Tô màu lưới trong illustrator cho một đối tượng tức là chia phần nền của đối tượng đó thành nhiều mảng lưới gồm nhiều hàng ( Row ) và nhiều cột ( Column ). Các hàng và cột giao nhau tạo nên các mắt lưới ( giao điểm của 2 đường lưới ) và các mảng lưới ( ngăn lại trong một giới hạn nhất định bởi 4 mắt lưới ).
  1. Chọn lệnh Object >> Create Gradient Mesh. Xác lập các thong số cho lưới tô vào hộp thoại. 
  2. Chọn điểm mắt lưới và chọn màu tô ( Palette Color , Swatches , đối tượng khác… ). 
  3. Để điều khiển lưới tô có thể sử dụng các công cụ: Gradient Mesh , Direct Selection hoặc công cụ Convert Anchor Tool.
ƯU ĐIỂM VÀ NHƯỢC ĐIỂM CỦA TÔ CHUYỂN SẮC
       Hiệu quả của tô màu chuyển sắc trong illustrator chẳng thể xem thường , chỉ cần thêm vài hình vector lóe lên chung quanh thì bạn sẽ có ngay một hình nền đẹp long lanh. Nhưng tô chuyển sắc rất nặng, nó sẽ làm cho bài vẽ của bạn chạy ì ạch một tí, nếu máy yếu sẽ làm rất chậm.
Nguồn Homasg
Share:

Thứ Bảy, 28 tháng 10, 2017

Adobe Lightroom Classic CC 7.0.0 2018

Adobe đã ra mắt phiên bản Lightroom CC 2018 sử dụng công nghệ đám mây, chính thức nói lời tạm biệt với ứng dụng Lightroom trước đây.


Adobe Lightroom Classic CC 7.0.0 2018

Lightroom đã được đổi tên lại thành Lightroom Classic CC và vẫn sẽ tiếp tục tập trung phát triển trên nền tảng desktop. Trong khi đó, Lightroom CC sẽ chủ yếu phát triển trên các thiết bị di động của bạn.

Adobe Lightroom Classic CC 2018

Cài đặt  Adobe Lightroom Classic CC 2018 Bản Quyền
  1. Ngắt kết nối mạng trước khi cài đặt. Bắt buộc nhé!
  2. Theo dõi thật kỹ video quá trình khi mình hướng dẫn cài đặt để có thể chạy được bình thường.
  3. Đoạn cài đặt Visual C++ hơi lâu các bạn chịu khó đợi hoặc có thể tua qua đoạn này
  4. Bước quan trọng khi cài đặt sẽ có thông báo báo lỗi Invaid path. Đến đây bạn tích chọn vào Default (change) để đổi đường dẫn cài đặt về C:\Program Files\Adobe hoặc C:\Program Files.
  5. Xong



Phiên bản Adobe Lightroom CC lần này là phiên bản rút gọn, loại bỏ khá nhiều tính năng để tập trung hơn cho đám mây, có thể hoạt động trên nên nhiều nền tảng khác nhau trên cả di động và máy tính.
lightroom-classic-cc-2018
lightroom-classic-cc-2018

Cấu hình sử dụng Adobe Lightroom CC 2018

Lightroom Classic CC 7.0.0 2018

  • Microsoft Windows 7 with Service Pack 1 (64-bit), Windows 8.1 (64-bit), or Windows 10 Version 1511 or later (64-bit)
  • 4 GB of RAM (8 GB recommended)
  • 1024 x 768 display
  • 2 GB of available hard-disk space for program installation.

Graphics processor
  • AMD: Radeon GPU with DirectX 12 or OpenGL 3.3 support.
  • NVIDIA: GPU with DirectX 12 or OpenGL 3.3 support.
  • Intel: Skylake or newer GPU with DirectX 12 support.
  • OpenGL 3.3 and DirectX 10-capable video adapter for GPU-related functionality.
  • 1 GB of Video RAM (VRAM). 2 GB of dedicated VRAM (4 GB recommended) for large, high-resolution monitors, such as 4K- and 5K-resolution monitors.
Share:

Thiết kế và Nguyên tắc đối xứng

Xin chào anh chị em Design.  Ngồi buồn tìm được một bài viết nên đăng lên để anh chị đọc cho vui. Dân thiết kế thì ai cũng biết về đối xứng, sự đối xứng hoàn hảo là khi các yếu tố được phản chiếu qua gương và khiến cả hai phía giống hệt nhau.

Nguyên tắc đối xứng

nguyen-tac-doi-xung
nguyen-tac-doi-xung

Đối xứng tạo sự cân bằng trong thiết kế. Khi các yếu tố giống nhau trên cả hai phía của trục, thiết kế có vẻ hài hòa hơn. Nếu ta thiết kế một con phố với 5 ngôi nhà trên một bên và bên kia cũng 5 ngôi nhà, đi trên phố sẽ cảm thấy dễ chịu hơn bởi sự sắp xếp của các ngôi nhà là cân bằng nhau.Sự cân bằng

nguyen-tac-doi-xung

Một ví dụ về đối xứng là sự sắp xếp bìa các bản nhạc trong ứng dụng Rdio. Các yếu tố trên hai phía của màn hình được xếp theo cùng một kiểu. Kiểu sắp xếp này giúp ta dễ dàng đọc từ trên xuống dưới, từ trái sang phải.

Bất đối xứng

Các thiết kế là bất đối xứng nếu sự sắp xếp các yếu tố khác nhau trên hai phía của trục. Nếu ta thiết kế một con phố với 5 ngôi nhà trên một bên và 1 ngôi nhà bên còn lại, con phố đó sẽ tạo sự mất cân bằng và có lẽ là cả sự không thỏa mái.

Một thiết kế bất đối xứng là sự sắp xếp trong ứng dụng Pinterest. Dù cột trái và cột phải có cùng độ rộng, chiều cao các yếu tố trong mỗi cột lại khác nhau.
Nguồn designervn.net
Share: