Rumah Kewangan Peribadi Visualisasi data: Merekabentuk untuk Peranti Mudah Alih - monyet

Visualisasi data: Merekabentuk untuk Peranti Mudah Alih - monyet

Isi kandungan:

Video: Statistical Programming with R by Connor Harris 2024

Video: Statistical Programming with R by Connor Harris 2024
Anonim

Sehingga beberapa tahun lalu, apabila seorang pereka mencipta iklan berasaskan kertas atau risalah, dia boleh merancang dengan tepat bagaimana ia akan kelihatan selepas ia dicetak. Pereka bentuk tahu format dan bagaimana pelanggan akan melihatnya. Walau bagaimanapun, populariti peranti mudah alih telah meningkat, dan pereka perlu menghadapi dua isu reka bentuk baru:

  • Reka bentuk antara muka peranti mudah alih

  • Penciptaan aplikasi untuk peranti mudah alih

Dengan kemunculan Internet, pereka dalam talian menggunakan beberapa pelayar web yang tersedia untuk merancang bagaimana reka bentuk mereka akan kelihatan di skrin. Alat yang tersedia agak kasar, tetapi reka bentuknya agak mudah. Jika dia menguji setiap pelayar web, seorang pereka boleh menentukan apa yang diperlukannya supaya reka bentuknya kelihatan dalam talian.

Sekarang pereka perlu membuat reka bentuk untuk pelbagai peranti mudah alih, masing-masing mempunyai keperluan sendiri yang unik. Akibatnya, kerumitan merancang visualisasi telah berkembang.

Merangkumi reka bentuk responsif

Untuk menangani isu saiz skrin berganda dan sistem operasi, pereka menggunakan prinsip reka bentuk responsif (RD). RD merujuk kepada antara muka atau susun atur yang boleh menyusun semula dirinya berdasarkan di mana ia dilihat. Istilah ini dicipta oleh Ethan Marcotte dalam artikel 2010 yang menyedari keperluan pereka untuk menangani masalah pelbagai keperluan skrin.

Reka bentuk laman web yang responsif masih kelihatan baik sama ada anda melihatnya di komputer desktop atau pada telefon pintar anda. Tepi dan ikon bulat yang biasa pada peranti kecil secara automatik jatuh ke tempatnya.

Dalam artikelnya, Marcotte menyebutkan tiga bidang di mana RD boleh mempunyai kesan yang paling dalam reka bentuk web:

  • Grid Bendalir: Grid adalah alat yang digunakan pereka untuk meletakkan reka bentuk mereka, tidak kira sama ada mereka Reka bentuk akan dilihat dalam talian atau di luar talian. Dalam angka berikut, reka bentuk grid telah diubah untuk tiga bentuk skrin. Reka bentuk Grid diterjemahkan ke skrin yang berbeza.

    Imej-imej yang fleksibel:
  • Apabila anda mempunyai imej dalam postingan blog atau di laman web anda, anda ingin memastikan bahawa ia tidak dipotong atau diputarbelitkan. Memastikan imej anda dapat memformat diri sendiri adalah penting. Pertanyaan media:

  • Apabila anda memasukkan istilah carian dalam enjin carian seperti Google atau Bing, anda ingin dapat melihat hasil pada mana-mana skrin anda. Ini adalah prinsip utama RD. Kandungan perlu dilihat pada mana-mana peranti mudah alih pengguna mungkin mempunyai. Apa yang membuat melihatnya pada pelbagai peranti adalah satu cabaran ialah pereka tidak dapat mengetahui apa hasil yang akan dikembalikan. Idea ini digunakan untuk visualisasi data juga. Anda ingin memastikan bahawa grid anda tidak diputarbelitkan apabila viz data dilihat pada peranti mudah alih. Imej mesti jelas dan nisbah aspek (panjang hingga lebar) harus diselaraskan tanpa mengira peranti yang digunakan oleh pengguna.

Mengikut piawaian reka bentuk aplikasi

Pereka bukan sahaja mahu antara muka kelihatan baik, tetapi juga mahu melakukan pelbagai cara. Akibatnya, reka bentuk aplikasi telah menjadi satu disiplin untuk dirinya sendiri.

Anda mungkin tertanya-tanya mengapa anda perlu mengambil berat tentang reka bentuk aplikasinya. Setiap orang yang ingin memvisualisasikan sesuatu dalam talian adalah tertakluk kepada piawai yang sama dengan mana-mana pereka aplikasi. Dalam artikelnya "Peraturan 6 Peraturan Apple untuk Merancang Aplikasi iOS Killer," Pete Pachal menerangkan apa yang dia perlu lakukan untuk mendapatkan aplikasinya Spun yang diperakui untuk App Store Apple. (Pada penulisan ini, aplikasi tidak tersedia di U. S. App Store.) Pasukan Pachal terpaksa bekerja dengan Apple selama lima bulan untuk mendapatkan semua yang disempurnakan. Pada masa itu, Pachal memodifikasi enam peraturan untuk pasukannya, empat yang digunakan untuk reka bentuk data:

Kesederhanaan adalah kekuatan.

Peraturan ini mungkin merupakan peraturan yang paling penting untuk visualisasi data. Matlamatnya ialah menerangkan atau mendedahkan maklumat baru yang boleh digunakan untuk membangunkan pandangan. Jika anda memberi tumpuan kepada terlalu banyak titik data, cerita itu akan hilang. Jika anda membuat papan pemuka, peraturan ini amat penting kerana setiap data perlu menyokong keseluruhannya.

  • Jangan mengorbankan kualiti untuk masa. Peraturan ini penting untuk visualisasi data. Sekiranya anda menampar visualisasi yang sukar untuk diuraikan atau hanya ceroboh yang jelas, tiada siapa yang mahu menggunakannya. Luangkan masa untuk membangunkan sesuatu yang hebat, dan teruskan memperbaikinya dari masa ke masa.

  • Ganti pengguna dengan setiap sentuhan. Setiap item menu harus melakukan sesuatu yang berguna. Pautan cetak harus berfungsi, contohnya. Juga, setiap klik harus memberikan maklumat.

  • Butiran perkara. Sebelum pengguna mengklik pautan dalam visualisasi data, harus jelas di mana pautan itu akan membawanya atau jenis data yang akan dia lihat.

Visualisasi data: Merekabentuk untuk Peranti Mudah Alih - monyet

Pilihan Editor

Cara Mengeksport karya seni dari Fireworks - dummies

Cara Mengeksport karya seni dari Fireworks - dummies

Setelah anda mengoptimumkan imej itu, sudah waktunya untuk mengeksport dari Fireworks. Mengekspot imej adalah agak mudah; pilih Fail → Eksport dan kemudian nyatakan folder di mana untuk menyimpan imej. Apabila anda mengeksport dokumen seperti menu navigasi dengan beberapa kepingan, anda mengeksport dokumen itu sebagai imej dan HTML seperti berikut: Pilih Fail → Eksport. The ...

Cara Cari Warna untuk Skema Warna Laman Web Anda - dummies

Cara Cari Warna untuk Skema Warna Laman Web Anda - dummies

Peraturan yang paling asas Skim warna untuk laman web adalah bahawa anda perlu bekerja dengan beberapa warna yang terkurung. Jika tidak, laman web anda hanya akan membentangkan warna cacian warna. (Ya, pendekatan gila-gilaan juga merupakan bentuk skema warna, tetapi sebagai peraturan umum tidak begitu berkesan.) Bagaimana ...

Pilihan Editor

Memilih Penutupan Daripada Potret Khas - patung

Memilih Penutupan Daripada Potret Khas - patung

Potret di mana imej anda dipangkas dengan ketat supaya subjek itu mengambil sebahagian besar atau semua bingkai - adalah alat licik dalam beg jurufat jurulatih. Walau bagaimanapun, orang umumnya tidak suka mempunyai kamera terlalu dekat dengan mereka, kerana ketakutan bahawa imej itu ...

Menangkap Highlights and Drips dalam Fotografi Makanan Anda - dummies

Menangkap Highlights and Drips dalam Fotografi Makanan Anda - dummies

Sedikit dari fotografi bukan makanan. Fotografi komersil tradisional cenderung untuk menjauhkan diri dari kekejangan sorotan spekular dan kelemahan drip dan ketidaksempurnaan. Sorotan specular kadang-kadang hanya smidge yang terlalu cerah dan mengganggu dalam foto, tetapi kemuncaknya berkilat ...

Pilih Lensa Makro Kanan untuk Subjek Anda - patung

Pilih Lensa Makro Kanan untuk Subjek Anda - patung

Komponen utama untuk dipertimbangkan ketika mencari makro Kanta yang sesuai dengan gaya fotografi rapat anda adalah subjek yang akan anda ambil gambar dengan lensa. Sekiranya anda menembak mata secara tidak langsung, anda boleh meletakkan kanta anda dengan sangat dekat dengannya. Subjek lain mungkin memerlukan anda menyimpan jarak yang selamat, yang bermaksud ...

Pilihan Editor

Bagaimana Mengubah Transparansi Layer Jenis di Photoshop CS6 - dummies

Bagaimana Mengubah Transparansi Layer Jenis di Photoshop CS6 - dummies

Anda boleh menukar transparansi lapisan jenis, seperti yang anda boleh dengan lapisan lain dalam Adobe Photoshop Creative Suite 6, mengurangkan kelegapan (ketelusan) jenis supaya ia membolehkan lapisan mendasar untuk menunjukkan. Lapisan adalah seperti susunan lapisan digital yang mana setiap unsur imej anda ...

Bagaimana Tukar Resolusi Imej dalam Adobe Photoshop CS6 - dummies

Bagaimana Tukar Resolusi Imej dalam Adobe Photoshop CS6 - dummies

Menggunakan kotak dialog Ukuran Imej hanya satu cara yang anda boleh mengawal resolusi dalam Adobe Photoshop CS6. Walaupun anda boleh meningkatkan resolusi, berbuat demikian dengan berhati-hati dan mengelakkannya, jika anda boleh. Pengecualian kepada peraturan ini adalah apabila anda mempunyai imej yang besar dalam saiz dimensi tetapi rendah ...

Cara Mengukir Huruf menjadi Imej Tekstur Batu di Photoshop CS6

Cara Mengukir Huruf menjadi Imej Tekstur Batu di Photoshop CS6

Dalam Adobe Photoshop CS6, anda boleh menggunakan alat jenis untuk membuat pilihan yang dibentuk seperti huruf dan kemudian menggunakan imej itu sendiri sebagai tekstur (seperti batu) untuk jenisnya. Pemilihan jenis boleh memotong mana-mana bahagian gambar untuk menggunakan apa-apa cara yang anda mahukan. Ikuti langkah-langkah ini untuk mengukir huruf ke dalam tekstur batu ...