Information for Sketching iPad screen and tablet

Journal sample :

http://www.onextrapixel.com/2010/09/29/40-brilliant-examples-of-sketched-ui-wireframes-and-mock-ups/

http://inspirationfeed.com/inspiration/25-examples-of-wireframes-and-mockups-sketches/
http://webdesignledger.com/inspiration/18-great-examples-of-sketched-ui-wireframes-and-mockups

Ref : ( processing )
http://webdesignledger.com/tips/getting-started-in-ios-user-interface-design
http://www.computerarts.co.uk/tutorials/design-ipad-app-ui

Sketch elements for AI file :
http://www.teehanlax.com/blog/ipad-sketch-elements-ai/

Sketch elements for PSD file :
http://www.teehanlax.com/blog/ipad-gui-psd-version-2/

Tools for UI wire frame
http://speckyboy.com/2011/04/26/gui-stencils-wireframing-kits-and-sketching-templates-for-ipad-app-designers/

Device Resolution ( Photoshop Grids)

Tablet, mobile, & email

  • iPad: 1024×768
    Landscape orientation
  • iPad: 768×1024
    Portrait orientation
  • iPhone: 640×960
    Portrait orientation
  • Email: 640px

Desktop environments

  • Standard: 972px
  • Widescreen: 1144px
  • IAB-Friendly: 1000px
    (Allows for a 320px-wide sidebar that can house a 300×250 unit with 10px of padding.)

Source :

http://www.ravelrumba.com/photoshop-grids/

You can download Photoshop grids by click the link

https://github.com/downloads/robflaherty/photoshop-grids/photoshop-grids-v0.1.zip

http://www.benhayes.com/2012/05/adobe-illustrator-responsive-web-design-template/

Wireframe Tablet in print version (ref)

http://www.matthewstephens.com/

Những chú ý khi làm mới Portfolio

Design Director của Facebook đưa ra các tiêu chuẩn khi xem xét Portfolio

Hằng ngày có rất nhiều Portfolio của sinh viên gửi vào để tuyển dụng đầu vào. Tuy nhiên khi xem xét thì có rất nhiều điểm đáng tiếc, không phải nói về cách biểu hiện bị giới hạn mà nói tới các thành phần về Concept, Idea tất cả bị bỏ lỡ và rất nhiều Portfolio hầu như chỉ tập trung vào trang trí hay cảm mỹ thuật.

Một số chú ý sau giúp bạn điều chỉnh Portfolio tốt hơn

——–

[ Tóm tắt nội dung ]
Các tiêu chuẩn khi xem xét Portfolio

/ Idea
Tại sao làm như vậy?
Giải thích luận lý tại sao lại làm cái này?
Định ra được vấn đề mang tính thực tế và cách giải quyết?

/ Tính ứng dụng
Tính ứng dụng có dễ dàng?
Các phương cách hoạt động có chính xác không?
Có nắm bắt được rõ ràng nền tảng tương tác phổ biến không?

/ Thái độ tinh thần
Có chính xác làm sản phẩm đó không?
Có thật sự đóng góp công sức vào sản phẩm không?
Phong cách khi presentation có thể đa dạng nhưng nên chú ý
1) Phát biểu có keynote dễ hiểu
2) Folder riêng để trình bày các tác phẩm trước

Trong trường hợp bị trùng khớp tác phẩm.
Giải thích phác thảo idea ban đầu cũng như dự thảo vấn đề sao thiết kế như vậy, sau đó nêu lên lý do và luận lý kết thúc.

Có thể tham khảo thêm phương pháp tuyển dụng designer của Facebook như link sau

http://ppss.kr/archives/20660

Web / Mobile Designer có nên học thêm về ngôn ngữ lập trình không?

“Lời khuyên cho những nhà thiết kế web/mobile khi nghĩ đến tương lai là nên chọn học 1 lập trình” tham khảo từ 1 bài báo  businessinsider.

Nếu hoàn toàn không thử học ngôn ngữ lập trình thì nỗi sợ về việc lập trình có thể gây trở ngại lớn hơn..ở đây là nói về việc học lập trình ở mức cơ bản và trung bình.
——————————

Thông qua blog về lập trình tôi chắt lọc 1 số trang có ích cho việc học lập trình. 

  Code Studio của Code.org=> có thể giúp giải quyết vấn đề nhưng khó trong việc thử một dự án thực tế.

http://codeorg.tumblr.com/…/97219291…/announcing-code-studio

MIT Scratch  => Chuyên về hình ảnh chuyển động, có thể gây mất hứng thú cho việc học lập trình. Dẫu vậy phương pháp thực hành vẫn quan trọng.
http://scratch.mit.edu/

Google Blocky
http://code.google.com/p/blockly/?redir=1

—————————————
Thử học lập trình một chút không?? – Python Ngôn ngữ lập trình dễ học nhất.

Python của Codecademy  – Có thể bắt đầu dễ dàng với việc kiểm tra lập trình
http://www.codecademy.com/en/tracks/python

Sách lập trình Python dành cho trẻ em
http://www.amazon.com/Python-Kids-Playful-Intr…/…/1593274076
——————————————-
Ở mức độ sơ cấp – Javascript vẫn là chủ đạo
Là ngôn ngữ lập trình hữu ích nhất… Nếu bạn nghĩ đến tương lai tôi khuyên bạn nên học về JavaScript.

JavaScript của W3Schools – cơ bản nhất.
http://www.w3schools.com/js/

Java Script của Codecademy
http://www.codecademy.com/en/tracks/javascript

Nếu bạn là web/mobile designer và hoàn toàn không biết gì về lập trình tôi khuyên bạn nên để ra 1 khoảng tiền cho việc học online ở Lynda.com. Trang web chất lượng cho việc học online và có cả cc tiếng anh.

http://www.lynda.com/…/Introducing-JavaScript…/123563-2.html

Ruby and Ruby on Rails

Thêm nữa … Việc làm quen với ngôn ngữ HTMLvà CSS là cần thiết…ngôn ngữ này có thể tham khảo ở Codecademy

nguồn gốc bài viết :http://www.businessinsider.com/best-programming-languages-2014-12