2010 წლის ვებ დიზაინის ტენდენციები აქ დარჩება?

გამჟღავნება: თქვენი მხარდაჭერა ხელს უწყობს საიტის მუშაობას! ჩვენ ვიღებთ რეფერალის გადასახადს ზოგიერთი სერვისის შესახებ, რომელსაც გირჩევთ ამ გვერდზე.


ვებ დიზაინის ტენდენციები 2018 წლისთვის

მსოფლიო ქსელის ადრეულ დღეებში, ტრენდული იყო, რომ ვებმასტერებმა გამოიყენონ ყველა შესაძლო ეფექტი: ანიმაციური გიფები, მოციმციმე ტექსტი და ავტომატური თამაში, ითხოვენ ყურადღებას ყველა თქვენს საიტზე..

მიუხედავად იმისა, რომ ინტერნეტის ველური სასაზღვრო დღეები საინტერესო და რევოლუციური იყო, ნიმუშების ფონზე წითელი ტექსტის მსგავსი ტენდენციები არც თუ ისე ადვილი იყო თვალებისთვის ან მოსახერხებელი.

საბედნიეროდ, ჩვენ დიდი გზა გავიარეთ ქსელის დაბადებიდან. ტექნოლოგია, რომელსაც ინტერნეტით გასასვლელად ვიყენებთ, მას შემდეგ განვითარდა, რაც დღეების განმავლობაში ჩვენ ვუსმენდით დიალოგის მოდემების მოსმენას, თითების გადაკვეთაზე, რომლებმაც არავის დაურეკავთ ხაზგარეშე ხაზის არჩევით..

ვებ – დიზაინერებს ევოლუცია მოუწიათ, რომ იცოდნენ ცვალებადი ტექნოლოგიაც. ბოლო რამდენიმე ათეული წლის განმავლობაში, დიზაინის ტენდენციების ტალღები მოვიდა და წავიდა, რაც ვითარდება, რომ ყურადღება გამახვილდეს მომხმარებლის გამოცდილებაზე. დიზაინერები დღეს უფრო მეტზე, როგორც ყოველთვის, ორიენტირებულნი არიან მინიმალიზმზე, წაკითხულობასა და გამოყენების მარტივობაზე.

მიუხედავად იმისა, რომ ვითარება მუდმივად იხვეწება, ყოველთვის შეიძლება გქონდეთ არასწორი მონაცვლეობა და ხარვეზები, თუნდაც ისეთი ტენდენციებით, რომლებიც, როგორც ჩანს, გაუმჯობესებულია. უსასრულო გადახვევამ შეიძლება ხელი შეუწყოს უფრო მეტი ინფორმაციის ჩვენებას და გვერდზე მყოფი ვიზიტორის ხანგრძლივად შენარჩუნებას, მაგრამ მომხმარებლებმა შეიძლება იმედგაცრუება გამოიჩინონ, როდესაც ვცდილობთ უყუროთ ვებ – გვერდის ქვესადგური, რომელიც ინახავს გადახურებას, როდესაც მეტი სტატია იტვირთება..

ძირითადი ელემენტების პოპულარობა გასაგებია: გსურთ შეინარჩუნოთ გადამწყვეტი ინფორმაცია თქვენი სტუმრის თვალწინ. მაგრამ ეს შეიძლება ცეცხლი შეიტანოს იმ შემთხვევაში, თუ ამ წილის ღილაკები თქვენი გვერდის შინაარსის დაბლოკვას დაიწყებენ. ვებ დიზაინერებმა უნდა შეინარჩუნონ ტენდენციები, არამედ გამოიყენონ თავიანთი კრეატიულობა, რათა წამოიწყონ ინოვაციური ახალი გადაწყვეტილებები, როგორიცაა მსგავსი პრობლემები.

რაც შეეხება წლევანდელ ტენდენციებს, შეუძლებელია იმის თქმა, თუ რომელი ინოვაციები გაიმარჯვებს და დარჩება და რომელზეც ჩვენ ახლა სიცილი გვექნება 10 ან 20 წლის შემდეგ. 2014 წლის ვებ – დიზაინის ტენდენციების ამ რღვევით, თქვენ თავად შეგიძლიათ გადაწყვიტოთ რომელი ტენდენციების გაგრძელებაა და რომელი უნდა დარჩეს.

ვებ – დიზაინის ტენდენციები

Times- ის დიზაინი: 2014 წლის ვებ დიზაინის ტენდენციები

ინტერნეტი მკვეთრად განვითარდა 90-იანი წლების დასაწყისში, სადაც ვნახეთ გიჟური ფერები, შრიფტები და ავტომატური მუსიკა, რომლებიც უკრავდა ფონზე, ვებ – გვერდის დატვირთვისთანავე. დღევანდელი ვებ – გვერდი ხედავს უფრო მინიმალისტურ მიდგომას, რაც შექმნილია მისი მარტივი და უფრო მოსახერხებელი მომხმარებლისთვის. აი, რას ელით, რომ 2014 წელს მეტი ნახოთ.

საპასუხო დიზაინი

  • საპასუხო დიზაინი ნიშნავს, რომ ვებსაიტი ავტომატურად არეგულირებს იმ ეკრანის ზომას, რომელზეც ნახულია.
    • ეს გადამწყვეტია ვებ დიზაინისთვის, რადგან ადამიანები ტრადიციული კომპიუტერის ეკრანიდან გადადიან.
      • ამერიკელი მოზრდილების 90% ამჟამად ფლობს მობილური ტელეფონს
      • ამერიკელი მოზრდილების 58% ამჟამად ფლობს სმარტფონებს
        • მობილური ტელეფონების მესაკუთრეთა 60% იყენებს ტელეფონს ინტერნეტით დასაკავშირებლად
      • ამერიკელი მოზრდილების 42% ახლა ტაბლეტებს ფლობს
  • საპასუხო ვებ დიზაინი მოიცავს მოქნილის შერევის გამოყენებას:
    • განლაგება
      • ყველაფერი ზომა პროპორციით, ვიდრე პიქსელით.
    • სურათები
      • ყველაფერი უფრო მეტია, ვიდრე პიქსელი.
    • CSS მოთხოვნები
  • საპასუხო დიზაინის მაგალითებია:
    • კომ
    • კომ
    • კომ
  • შექმენით საკუთარი საპასუხო შაბლონები ან შეიძინეთ არსებული საპასუხო ჩარჩო.
    • მაგალითები მოიცავს:
      • კარმა
      • ავადა
      • ასრულებს
  • Დადებითი:
    • ნაკლები შენარჩუნება: ერთი საიტი, მრავალრიცხოვანი საიტის ნაცვლად, რომ შეიმუშავონ და შეინარჩუნონ.
    • უკეთესი საძიებო სისტემის ოპტიმიზაცია (SEO): ერთი საიტი ნიშნავს URL- ების ერთ ჯგუფს, რაც SEO– ს უფრო მართვადი გახდის.
    • არ უნდა ინერვიულოთ იმაზე, რამდენად შეესაბამება თქვენი საიტი თუ არა ათობით ახალ მოწყობილობას, რომლებიც მუდმივად მოხვდნენ ბაზარზე.
  • Cons:
    • განხორციელება შეიძლება მოსალოდნელზე მეტხანს დასჭირდეს.
    • ტექნოლოგია კვლავ ვითარდება.
    • იმის გამო, რომ სურათები მხოლოდ დაშლილია, ვიდრე ზომის შეცვლა, ამან შეიძლება უარყოფითად იმოქმედოს გვერდის დატვირთვის დროზე, დამთრგუნველი ვიზიტორები.

მეტი გადახვევა

2014 წელს, ჩვენ ვნახავთ უფრო მეტ გადახვევას, იმის გამო, თუ რამდენად მარტივია მისი განხორციელება.

  • პარალელური გადახვევა: საშუალებას აძლევს ვებგვერდის ფონზე გადაადგილება სხვა სიჩქარით, როგორც დანარჩენი გვერდი.
    • მაგალითი: ნასას პროსპექტი
    • Დადებითი:
      • შეუძლია ვიზიტორების ანიმაცია
      • მიმართეთ მომხმარებლებს სამოქმედო ზარისკენ
      • წაახალისეთ სია, რომ დარჩეს გვერდზე გვერდზე, რადგან ისინი გადადიან მთელ ნივთზე
    • Cons:
      • SEO აიღებს შედეგს, რადგან მხოლოდ მეტა ინფორმაციის მხოლოდ ერთი ნაკრები არსებობს
      • მრავალ გვერდზე ერთი გვერდი ანელებს გვერდის დატვირთვის დროს, რამაც შეიძლება გამოიწვიოს იმედგაცრუებული მომხმარებლები
  • ჰორიზონტალური გადახვევა: გადახვევა მარცხნიდან მარჯვნივ, ვიდრე ზემოთ და ქვემოთ.
    • მაგალითი: მსოფლიო ველური ბუნების ფონდი Earth Hour 2012
    • Დადებითი:
      • საშუალებას აძლევს დიზაინერებს ეკრანზე მეტი შინაარსის განთავსება.
    • Cons:
      • მომხმარებლებმა შეიძლება არ გააცნობიერონ, რომ მათ უნდა გადაინაცვლონ გვერდზე, ან შეიძლება არ სურდეთ გვერდის გადაწევა, რომ მიიღონ სრული გამოცდილება.
  • უსასრულო გადახვევა: იტვირთება გვერდის შინაარსი, როგორც მომხმარებელი გადახვევს
    • მაგალითი: ფეისბუქის ახალი ამბები
    • Დადებითი:
      • უფრო სწრაფად დათვალიერება
      • კარგად მოქმედებს სენსორულ მოწყობილობებთან
      • შინაარსის ექსპოზიცია: უსასრულო გადახვევა თანაბრად ავლენს ახალ და ძველ შინაარსს, რაც უფრო ძველი შინაარსის ხანგრძლივობას იძლევა.
    • Cons:
      • ნავიგაცია:
        • მომხმარებლებს არ შეუძლიათ გადახედონ კონკრეტულ ნივთს ან სანიშნეში გადაიტანონ და ზემოდან თავიდან დაიწყონ.
        • უსასრულო გადახვევა მომხმარებლებს არ ეუბნება, თუ რამდენ მონაცემს განიცდიან ქსელი.
      • მომხმარებლის ფოკუსი: როდესაც გადახვედით გადახვევას, თქვენ თავზე დააბრუნებთ, ვიდრე წინა მითითების წერტილი, რაც მომხმარებლებს გაუადვილდებათ ფოკუსირება გააკეთონ რას აკეთებდნენ / კითხულობდნენ.

ნაკლებად ტექსტი

  • ტექსტის მძიმე დიზაინის ნაცვლად, ჩვენ ვნახავთ უფრო მეტ დიზაინს, რომელიც ორიენტირებულია სურათების, ხატებისა და ვიდეოს გარშემო.
    • com შეიცავს 10 სიტყვით ნაკლებს და მომხმარებლებს სჭირდება ვიდეოს ყურება, რომ გაიგონ როგორ გამოიყენონ აპლიკაცია.
    • com თავის მთავარ გვერდზე შეიცავს ტექსტის მცირე აბზაცს და რამდენიმე სიტყვას სანავიგაციო ზოლში.
    • The-Studio.co.il შეიცავს მხოლოდ რამდენიმე სიტყვას და სურათს.
  • Დადებითი:
    • უფრო დახვეწილი ვებ დიზაინი
  • Cons:
    • რთულია ვებგვერდის დიზაინის 508 თავსებადი
      • 508 შესაბამისობა გულისხმობს შეზღუდული შესაძლებლობის მქონე პირთათვის ვებსაიტის შესაბამისობას, რომლებსაც ტრადიციულად არ შეუძლიათ ინტერნეტით წვდომა.

ბინა ინტერფეისი

  • ბინა მომხმარებლის ინტერფეისი (UI) ეხება დიზაინს, რომელიც აქცენტს აკეთებს ფუნქციურობაზე, უფრო სტილიზე.
    • ელემენტები მზადდება, რომ უფრო გამოიყურებოდეს ის, რაც მათ სახელი შეარქვეს.
    • ყველაფერი განკუთვნილია:
      • სიცხადე
      • Სიმარტივე
    • ეს ნიშნავს:
      • ჩრდილები
      • გრადიენტები
      • Beveled Edges
      • ანარეკლები
  • ეს უკვე ვნახეთ:
    • ვინდოუს 8
    • Apple iOS 7
    • WordPress 3.8
  • ბინა დიზაინი მუშაობს skeuomorphic დიზაინის წინააღმდეგ.
    • Skeuomorphic დიზაინი იყენებს ვიზუალურ დეტალებს, რათა ერთი რამ სხვაგვარად გამოიყურებოდეს.
      • მაგალითი: ხის პანელის გამოყენება მანქანის ინტერიერში
  • Დადებითი:
    • მარტივი ინტერფეისი
    • ნათელი / თამამი ფერების გამოყენება განწყობას მატებს
    • ფოკუსირება დიდ ტიპოგრაფიაზე
    • ვიზუალი მკვეთრი და სუფთაა
  • Cons:
    • გამოყენებადობის შესახებ პრობლემები: ადამიანმა შეიძლება ყოველთვის არ იცის სად უნდა დააჭიროთ ან დააჭიროთ ინტერაქციას.
    • ფერის პალიტრები შეიძლება რთული იყოს: რაც უფრო მეტი ფერები იყენებთ, უფრო მკაცრი შეიძლება იყოს, რომ სწორად შეესაბამებოდეს მათ.
    • სუსტი ტიპოგრაფიის დიზაინი უფრო მარტივი ხდება.
    • საერთო დიზაინი შეიძლება ძალიან მარტივი გამოიყურებოდეს.

ფიქსირებული შინაარსი

  • ეს ეხება გვერდის ელემენტს, მაგალითად სანავიგაციო ზოლს ან შინაარსის ნაწილს, რომელიც გვერდზე რჩება გვერდზე, ხოლო მომხმარებელი გადახვევის დროს.
    • ca საშუალებას იძლევა ჰორიზონტალური გადახვევა, ხოლო გვერდითი ხაზის ნავიგაცია ადგილზე დარჩეს.
    • ქსელში მოცემულია ვებსაიტის მარცხენა მხარეს სოციალური მედიის ფიქსირებული პოზიცია, რაც მომხმარებლებს საშუალებას აძლევს გადაადგილდნენ შინაარსში, სანამ ზოლი რჩება ადგილზე.
  • Დადებითი:
    • გამოყენებადობის უპირატესობები: მომხმარებლებს შეუძლიათ იპოვონ ის, რაც ეძებენ ბევრად უფრო მარტივად.
  • Cons:
    • ფიქსირებულ შინაარსს შეუძლია გადაადგილება სივრცე გრაგნილის მიღმა.
    • ზოგიერთი ფიქსირებული ელემენტი, როგორიცაა სანავიგაციო ბარი, რთულია მობილური გარემოში თარგმნა.

წყაროები

  • მობილური ტექნოლოგიების მონაცემთა ცხრილი – pewinternet.org
  • საპასუხო ვებ დიზაინი: რა არის ეს და როგორ გამოვიყენოთ ეს – კოდირება.smashingmagazine.com
  • რა არის საპასუხო ვებ დიზაინი? – smallbiztrends.com
  • 17,389 ვებგვერდის შაბლონები და თემები $ 3 – დან – themeforest.net
  • საპასუხო ვებ – დიზაინის დადებითი და დადებითი – business2community.com
  • რა არის პარალექსის ვებ-დიზაინი? – განმარტებები, რჩევები & მოსაზრებები – unleashed-technologies.com
  • NASA: პროსპექტი – nasaprospect.com
  • WWF სურსათის ისტორია – აქტივების.wwf.org.uk
  • უსასრულო გადახვევა არ არის ყველა ვებსაიტზე – nngroup.com
  • Უსასრულობისკენ და იმის იქეთ! უსასრულო გადახვევის დადებითი და უარყოფითი მხარეები – inspiredm.com
  • Snapchat – snapchat.com
  • სტუდია – the-studio.co.il
  • ნაკლები ტექსტი მეტი მულტიმედია – ახალი მიდგომა ვებგვერდის დიზაინში – designmodo.com
  • დაკარგული და ნაპოვნი – რუკების გვერდი – howto.gov
  • რა არის ბინა დიზაინი? – gizmodo.com
  • ბრტყელი დიზაინის დადებითი და უარყოფითი მხარეები – designmodo.com
  • 2014 წლის 18 საკვანძო ვებ დიზაინის ტენდენციები – econsultancy.com
  • ფიქსირებული სანავიგაციო ბარები: დადებითი და დადებითი – awwwards.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map