Reka bentuk laman web Killer Aplikasi Mudah Alih Dan Contoh

Adegan mudah alih telah berkembang pesat selama beberapa tahun yang lalu. App Store iOS bersama-sama dengan Apl Android di Google Play telah menjadi dua hotspot untuk peminat telefon pintar. Memandangkan bilangan pengguna telefon pintar meningkat, kami melihat beratus-ratus pemaju aplikasi mudah alih melancarkan idea baru ke dalam pasaran.

Aplikasi yang paling popular disertai dengan laman web mereka sendiri. Ini boleh membantu pemasaran dan mendapatkan nama anda di luar sana. Ia juga URL dalam talian yang lebih cantik daripada salah satu Kedai App. Saya rasa bahawa mana-mana aplikasi mudah alih yang berjaya hampir memerlukan kehadiran web.

Dalam artikel ini saya ingin pergi beberapa trend reka bentuk yang paling biasa untuk laman web apl mudah alih. Tidak ada buku panduan yang ketat yang perlu anda ikuti untuk membina susun atur sedemikian. Sebaliknya ada beberapa garis panduan dan trend yang unik yang mana para pereka web dapat bekerja dengan baik dalam memperoleh penonton. Ditambah dengan Panduan Pembangunan iOS saya, anda boleh mengumpulkan aplikasi mudah alih yang hebat dan membina laman webnya juga.

Lihat konsep-konsep ini di bawah dan cuba pelaksanakan beberapa ke dalam susunatur laman web aplikasi anda sendiri.

Petikan Peranti

Sekeping ruji untuk mana-mana tapak web apl mudah alih harus menjadi tangkapan skrin aplikasi. Pelawat hanya tertarik dengan aplikasi anda, dan cara yang lebih cepat untuk menunjukkan tujuannya daripada melalui tangkapan skrin? Anda boleh memuatkan tangkapan peranti ke dalam gaya susun atur supaya ia bukan faktor yang mengehadkan.

Chef Mudah adalah aplikasi iOS Sepanyol yang menggunakan banyak pukulan peranti. Bahagian paling atas susun atur mempunyai pratonton tayangan slaid dari pandangan yang berbeza. Tetapi seperti yang anda tatal ke bawah, anda akan melihat rajah lain menggunakan paparan iPhone. Panel-panel ini termasuk label terperinci dan uplink, pemandangan layar yang diperbesar. Saya sebenarnya telah menulis tentang merancang grafik produk yang bermaklumat dalam jawatan yang lebih lama.

Persediaan lain yang menarik boleh didapati di halaman galeri Tweetbot. Ini adalah pelanggan Twitter yang sangat popular untuk iPhone dan pemaju telah menyusun tangkapan skrin tangkapan skrin. Sekiranya anda cuba menjimatkan ruangan dalam susun atur anda, ini mungkin penyelesaian yang lebih mudah. Pelawat tidak perlu tatal ke bawah mencari pandangan tertentu. jQuery adalah mudah untuk dilaksanakan dan anda dengan cepat boleh menyusun pratonton skrin iPhone gelongsor. Mungkin sukar untuk memasukkan butiran tambahan, tetapi ini boleh ditambah di bahagian lain.

Lencana App Store

Teknik ini juga kelihatan sangat tidak masuk akal apabila anda selesai membina aplikasi. Lencana segera diiktiraf sebagai pautan muat turun ke pasaran aplikasinya. Kedua-dua pengguna Android dan iOS mempunyai keupayaan untuk melihat apl dari penyemak imbas mereka, atau ini akan mengalihkan semula apabila dilihat pada telefon pintar.

Saya suka menggunakan Instagram sebagai contoh kerana laman web telah dikemaskini ke susun atur yang lebih baru. Mereka mempunyai lencana yang menyokong Android Marketplace (Google Play) dan App Store iOS. Kedua-dua lencana sangat mudah dalam reka bentuk dan mudah dikenali dengan pantas. Jika anda mencari reka bentuk yang lebih kompleks, saya mencadangkan carian dribbble yang cepat. Pereka berbakat sering berkongsi konsep lencana kedai aplikasinya untuk kritikan yang membina.

Rangkaian Sosial Mudah Alih

Facebook dan Twitter telah bertukar menjadi mudah alih, tetapi ini tidak menghentikan rangkaian lain daripada berkembang. Kami melihat penggunaan rangkaian aplikasi mudah alih sosial untuk membolehkan platform komunikasi yang baru.

Localmind berjalan pada konsep yang sama dengan Foursquare, di mana anda mendaftar akaun dan mula menyemak ke tempat-tempat tempatan. Anda boleh meninggalkan soalan, atau menjawab soalan orang lain. Laman web mereka sangat mesra dan menarik kepada pendatang baru. Saya terutamanya suka bahagian spanduk teratas yang direka dengan latar belakang peta tersuai. Penggunaan gradien dan tekstur latar belakang mereka memberikan laman web kehidupan sendiri.

Perkongsian Photo Minimal

Pose adalah rangkaian mudah alih yang lain dengan cita-cita yang sama untuk reka bentuk minimalis. Anda boleh memuat turun aplikasi mudah alih untuk kedua-dua peranti iOS & Android. Perasaan ini sama dengan weheartit tetapi ia adalah untuk pencinta fesyen mudah alih. Seluruh aplikasi difokuskan di sekitar fesyen, rambut, solek, dan glamor.

Pengguna boleh mengambil gambar pakaian, pakaian, atau aksesori mereka dan berkongsi mereka di rangkaian. Satu perkara yang perlu diperhatikan mengenai Pose ialah berapa cepat anda boleh melayari laman web. Sangat mudah untuk mencari blog syarikat, butir-butir hubungan, dan lain-lain. Laman web aplikasi lain sering melihat ciri-ciri korporat ini yang boleh menjadi subjek sensitif.

Jika anda ingin menarik perhatian dari media, penting untuk menjadikan laman web anda kelihatan dan merasa seperti produk rangkaian sosial yang sebenar. Anda bukan sahaja cuba menjual aplikasi anda (oleh iklan atau langganan berbayar) tetapi juga menjual rangkaian itu sendiri. Aplikasi sosial pasti lebih sukar daripada mereka bentuk laman web apl tetap. Tetapi mereka juga mendapat lebih banyak muat turun dari pengguna dan ia adalah bidang baru yang menarik untuk mudah alih.

Dari Permulaan Humble

Pereka web tidak selalu mampu menyatukan grafik dan ikon yang hebat. Terima kasih laman web apl tidak kritikal terhadap keupayaan Adobe Photoshop yang anda miliki. Saya sebenarnya merasakan bahawa minimalism boleh bekerja dengan lebih baik untuk gaya susun atur ini.

Leef App adalah pelanggan Forrst yang baru dikeluarkan untuk iPhone. Laman web mereka termasuk screenshot aplikasi yang indah bersama dengan butang muat turun berani yang besar. Semua teks halaman dipermudah dengan cara yang sama dengan fon dan skema warna Apple.

Apa yang menjadikan laman web Leef hebat ialah sifat terang setiap elemen halaman. Ia terang-terangan dan didahului dengan apa-apa yang tersembunyi atau ditolak. Saya cadangkan mencuba gaya ini sebagai laman web aplikasi mudah alih pertama anda, jika ada yang hanya untuk amalan. Anda boleh belajar banyak dengan meminimumkan kredibiliti yang kurang dan menumpukan pada apa yang menarik perhatian.

Whitespace yang indah

Juga sebagai cemerlang adalah laman web Wood Camera App. Susun atur mereka memegang apa-apa kecuali latar belakang putih biasa dan kandungan berpusat. Kandungan ini termasuk beberapa tangkapan skrin lalai, lencana kedai aplikasi, dan beberapa ciri utama tambahan.

Sekiranya anda rasa minimalis dan ruang putih penting untuk susun atur anda, maka tetaplah! Kamera Kayu bukan susun atur laman web terutamanya pencerobohan, tetapi ia sangat mudah untuk dilayari. Laman web mereka tidak menyambung kepada apa-apa kandungan ganti selain halaman rasmi pembangun. Ini terus memberi tumpuan kepada aplikasi dan apa yang boleh ditawarkannya, yang lebih penting daripada grafik mewah. Walaupun itu bukan untuk mengatakan karya seni yang mencolok adalah idea yang tidak baik - ia hanya memerlukan pelaksanaan yang betul.

Illustrasi yang berwarna-warni

Cukup bertentangan dengan pendekatan minimalis adalah kerja dengan ilustrasi yang unik, yang saya sukai sepenuhnya. Selalunya, perincian tambahan ini akan menjual saya sepenuhnya. Satu contoh yang saya boleh kaitkan ialah Barista App untuk iPhone. Tandukan laman web mereka penuh dengan cappuccino vektor kecil dan minuman espresso.

Tetapi perhatikan bagaimana tidak ada imej lain apabila menatal ke bawah halaman. Bahagian keseluruhan keseluruhan ini direka khusus untuk aplikasi iPhone, serupa dengan a halaman arahan. Vectors menangkap mata anda serta-merta ke arah apa aplikasinya.

Kitchenator adalah aplikasi iOS yang sama yang menukar unit ukuran untuk memasak dan membakar. Susun atur header mereka menggunakan tekstur kayu yang kaya, taplak meja lapik, dan sudu kecil air. Imejan ini memberi petunjuk kepada tujuan aplikasi ini sebelum anda melancarkan kandungan.

Gaya reka bentuk ini sebenarnya meresap melalui susun atur keseluruhan. Kawasan footer sepadan dengan latar belakang kayu yang serupa dan banyak pilihan font yang sama. Ini adalah contoh susunatur laman web yang sangat mudah dengan beberapa grafik yang sangat kuat.

Laman Web App: Pameran Premium

Artikel apa yang akan lengkap tanpa sedikit gula mata? Bersama-sama dengan teknik-teknik di atas saya juga telah mengumpulkan galeri laman web aplikasi mudah alih yang indah ini; perhatikan logo dan skema navigasi, serta URL domain. Dengan mengkaji apa yang profesional lakukan, anda boleh memahami trend reka bentuk dan menggunakannya dalam projek anda sendiri.

App Bosquet