Миний вэб сайт хийдэг аргачлал

2,605 views

Published on

Зиаг нилээн дээр бичиж байсан ч хамаагүй тавьж байсан илтгэлүүдийнхээ материалуудыг оруулж байдымуу гээд оруулж эхэлж байна. Их л энгийн бас яриа ихтэй болохоос текст багатай материал бэлддэгээ одоо л харлаа даа гэж.

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,605
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
79
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Миний вэб сайт хийдэг аргачлал

  1. 1. THE LADDER Step 1: Creative / Inspirational time Step2: Sketching / Wire framing Ideas Step3: Writing The Requirements Step4: Designing Step5: Implementing
  2. 2. CREATIVE TIME / !!! MOST IMPORTANT !!! /Several Ways• Photo• Website Galleries• Music : PDON’T REINVENT THE WHEEL
  3. 3. CREATIVE TIMECSS Galleries• WwW.CreatTica.Com• WwW.CssMania.Com• WwW.CssDrive.Com
  4. 4. CREATIVE TIME• Choosing the RIGHT colorset• Corresponding forms inlayout• Better thinking about theproductWwW.ColourLovers.com
  5. 5. HARVARD STYLE COLOR SET
  6. 6. SKETCHING / WIREFRAMING• Rapid concept development• Basic composition / layout• Client communication and approval• Visual exploration• Refining visual solutions
  7. 7. SKETCHING / WIREFRAMINGDrawing on Paper Browsers :P
  8. 8. SKETCHING / WIREFRAMING• Pocket Book Moleskin Etc.• Always able to draw IDEAS• “SAVING” visual data
  9. 9. SKETCHING / WIREFRAMINGBalsamiq Mockups
  10. 10. WRITING THE REQUIREMENTS• User interaction written in one sentence• User X fills out Form Y• Site interaction• Image X should flip to image Y after Y after 30 seconds• Script X is called
  11. 11. WRITING THE REQUIREMENTS• User registers to FACEBOOK• Best Case :• Correct mail, password securitycheck, age Check• Spare the DB space.• More secure, more social …• Etc…
  12. 12. DESIGNING Cooperation of all PROCESSES Starting from top to bottom Correct CANVAS size Layout & Positioning Guides & Grid Designing Something KILLER 
  13. 13. DESIGNWORKING WITH A GRID AND GUIDES
  14. 14. IMPLEMENTING• Slicing the PSD to WEB optimated images• Coding the template from scratch in one chosen browser• FINAL WORKING, Checking cross browser functionality• Separating code for different browsers.• Doing UNIT tests.• Checking all interactionsin any way(from DOCUMENTATION)
  15. 15. THE ENDTHANK YOU FOR YOUR ATTENTION
  16. 16. APPENDIX• RESSOURCES FOR DESIGNING:• WWW.SMASHINGMAGAZINE.COM• WWW.DEVIANTART.COM• HTTP://PSD.TUTSPLUS.COM• WWW.COLOURLOVERS.COM• RESSOURCES FOR SKETCHING:• WWW.GOMOCKINGBIRD.COM• HTTP://WWW.NEUROSOFTWARE.RO/PROGRAMMING-BLOG/TAG/SKETCHING-PAPER/.

×