עיצוב רוצח Mobile App אתרים טיפים ודוגמאות

הסצינה הניידת גדלה באופן אקספוננציאלי במהלך השנים האחרונות. IOS App Store יחד עם אנדרואיד Apps ב- Google Play הפכו את שתי נקודות חמות עבור חובבי הטלפון החכם. ככל שמספר המשתמשים בסמארטפונים גדל, אנו רואים מאות מפתחי אפליקציות לנייד שמשיקים רעיונות חדשים לשוק.

היישומים הפופולריים ביותר מלווה באתר האינטרנט שלהם. זה יכול להיות מועיל עם שיווק מקבל את השם שלך שם בחוץ. זוהי גם כתובת אתר מקוונת הרבה יותר יפה מזו של חנויות App. אני מרגיש שכל יישום סלולרי מוצלח כמעט דורש נוכחות באינטרנט.

במאמר זה אני רוצה ללכת על חלק מגמות העיצוב הנפוצות ביותר עבור אתרי אפליקציות לנייד. אין כללים קפדניים עליך לעקוב אחר מבנה כזה. במקום זאת יש כמה הנחיות ייחודיות ומגמות אשר מעצבי אינטרנט מצאו לעבוד היטב בקליטת קהל. יחד עם iOS שלי פיתוח מדריך אתה יכול להרכיב יישום סלולרי פנטסטי לבנות את אתר האינטרנט שלה, גם.

בדוק את המושגים הבאים למטה ולנסות ליישם כמה לתוך פריסת אתר היישום שלך.

צילומי מסך של המכשיר

חתיכת מצרך עבור כל אתר יישום סלולרי צריך להיות צילומי מסך של היישום. המבקרים מתעניינים רק באפליקציה שלך, ואיזו דרך מהירה יותר להדגים את מטרתה מאשר באמצעות צילומי מסך? אתה יכול להתאים יריות המכשיר לתוך כל סגנון הפריסה אז זה לא גורם מגביל.

שף קל הוא App ספרדית ספרדית אשר משתמשת יריות המכשיר רבים. החלק העליון מאוד של הפריסה יש תצוגה מקדימה שקופיות של תצוגות שונות. אבל כמו שאתה לגלול למטה תוכל להבחין דיאגרמות אחרות באמצעות מציג iPhone. לוחות אלה כוללים תוויות מפורטות ו upclose, מוגדל תצוגות המסך. יש לי ממש כתב על עיצוב גרפיקה מוצר אינפורמטיבי פוסט ישן.

הגדרה מעניינת נוספת ניתן למצוא בדף הגלריה של Tweetbot. זהו לקוח טוויטר פופולרי מאוד עבור iPhone והמפתחים יש להרכיב ראווה ראווה של צילומי מסך. אם אתה מנסה לשמור מקום בפריסה שלך, זה עשוי להיות פתרון קל יותר. המבקרים לא יצטרכו לגלול למטה בחיפוש אחר תצוגה ספציפית. jQuery קל ליישם ואתה יכול במהירות להרכיב תצוגה מקדימה של מסך iPhone מחליק. זה יכול להיות קשה לכלול פרטים נוספים, אבל זה יכול להיות נוסף בסעיף אחר.

תגים של App Store

טכניקה זו גם נראה מאוד שטויות לאחר שתסיים לבנות את היישום. התגים מזוהים במהירות כקישורים להורדה לשוק האפליקציות. משתמשי Android ו- iOS יכולים להציג אפליקציות ישירות מהדפדפן שלהם, או שהפניה זו תנתב מחדש כאשר תוצג בסמארטפון.

אני אוהב להשתמש Instagram כדוגמה מאז האתר עודכן לפריסה חדשה יותר. יש להם תגים התומכים ב- Android Marketplace (Google Play) וב- iOS App Store. שני התגים הם פשוטים מאוד בעיצוב עדיין מוכר בקלות במבט אחד. אם אתם מחפשים עיצובים מורכבים יותר, אני ממליץ על חיפוש מהיר dribbble. לעתים קרובות, מעצבים מוכשרים חולקים את מושגי התג של חנות האפליקציות שלהם לביקורות בונות.

רשתות חברתיות לנייד

פייסבוק וטוויטר עברו לנייד, אבל זה לא מנע רשתות אחרות לצוץ. אנחנו רואים רשתות חברתיות להשתמש באפליקציות לנייד כדי לאפשר פלטפורמה חדשה לגמרי של תקשורת.

Localmind פועל על רעיון הדומה Foursquare, שבו אתה רושם חשבון ולהתחיל לבדוק למקומות המקומיים. אתה יכול להשאיר שאלות, או לענות על שאלות של אנשים אחרים. האתר שלהם הוא מאוד ידידותי ומזמין לחדשים. אני אוהב במיוחד את החלק העליון באנר מעוצב עם רקע מפה מותאמת אישית. השימוש שלהם gradients מרקם רקע לתת את האתר לחיים משלה.

שיתוף תמונות מינימלי

פוזה היא רשת ניידת נוספת עם אידיאלים דומים בעיצוב מינימליסטי. תוכל להוריד את האפליקציה לנייד עבור מכשירי iOS ו- Android. ההרגשה דומה ל weheartit אבל זה לאוהבי אופנה ניידים. האפליקציה כולה מתמקדת אופנה, שיער, איפור, וזוהר.

משתמשים יכולים לצלם את התלבושת שלהם, בגדים או אביזרים ולשתף אותם ברחבי הרשת. דבר אחד לשים לב על פוזה היא כמה מהר אתה יכול לגלוש באתר. זה קל למצוא את הבלוג של החברה, פרטי קשר, וכו 'אתרי אינטרנט אחרים של יישומים לעתים קרובות להתעלם אלה תכונות ארגוניות אשר יכול להיות נושא רגיש.

אם אתה רוצה למשוך תשומת לב מהתקשורת חשוב להפוך את האתר שלך להיראות ולהרגיש כמו רשת חברתית אמיתית המוצר. אתה לא רק מנסה למכור את האפליקציה שלך (על ידי מודעות או מנוי בתשלום), אלא גם למכור את הרשת עצמה. אפליקציות חברתיות בהחלט יכול להיות מסובך יותר מאשר עיצוב אתרי אינטרנט רגיל. אבל הם גם garner הרבה הורדות יותר ממשתמשים וזה שדה חדש ומלהיב עבור ניידים.

מ התחלות צנועה

מעצבי אתרים אינם מסוגלים תמיד להרכיב גרפיקה וסמלים מקוממים. תודה אתרי App לא קריטי כלפי כמה Adobe Photoshop יש לך. אני באמת מרגיש כי מינימליזם יכול לעבוד הרבה יותר טוב עבור פריסת סגנון זה.

Leef App הוא לקוח שפורסם לאחרונה עבור iPhone. אתר האינטרנט שלהם כולל מסך יפה App יחד עם כפתור גדול להוריד מודגש. כל טקסט הדף הוא פשוט באופן דומה לגופנים של אפל ואת הצבעים.

מה הופך את אתר האינטרנט הגדול Leef הוא אופי כנה של כל רכיב הדף. זה בוטה מראש עם שום דבר מוסתר או דחף הצדה. אני ממליץ לנסות את הסגנון כאתר הראשון שלך לאפליקציות לנייד, אם בכלל, רק לצורך תרגול. אתה יכול ללמוד הרבה על ידי צמצום של פחות tidbits ולהתרכז על מה תופס תשומת לב.

שטח לבן יפה

כמו כן פשוט כמו מבריק הוא אתר מצלמת עץ App. הפריסה שלהם אינה אלא רקע לבן פשוט ותוכן מרוכז. תוכן זה כולל כמה צילומי מסך המוגדרים כברירת מחדל, תג של חנות אפליקציות וכמה תכונות מפתח נוספות.

אם אתה מרגיש כמו מינימליזם שטח לבן חשובים הפריסה שלך ואז מקל עם זה! ווד מצלמה לא פריסת אתר mindblowing במיוחד, אבל זה סופר קל לנווט. האתר שלהם אפילו לא מקשר לתוכן חלופי מלבד הדף הרשמי של היזם. זה שומר על המיקוד App ומה זה יכול להציע, שהוא הרבה יותר חשוב מאשר גרפיקה נוצץ. אמנם זה לא אומר יצירות אמנות מבריק הוא רעיון רע - זה פשוט דורש יישום נכון.

איורים צבעוניים

ההפך הגמור לגישה המינימליסטית הוא עבודה עם איורים ייחודיים, שאני מעריץ. פעמים רבות זה פרט נוסף יהיה לגמרי למכור לי את היישום. דוגמה אחת אני יכול להתייחס הוא Barista App עבור iPhone. כותרת האתר שלהם מלאה בקפוצ'ינו וקטורנים קטנים ומשקאות אספרסו.

אבל שים לב איך אין תמונות אחרות בעת גלילה למטה את הדף. כל החלק העליון הזה תוכנן במיוחד עבור אפליקציית iPhone, בדומה ל- a דף נחיתה. ווקטורים לתפוס את העיניים שלך מיד וגם לרמוז על מה האפליקציה היא על.

Kitchenator הוא יישום iOS דומה הממיר יחידות מדידה לבישול ואפייה. פריסת הכותרת שלהם משתמש עשיר מרקמים מעץ, מפה משובצת, וכפות מיני של מים. תמונה זו מרמזת על מטרת האפליקציה הזו לפני שאתה אפילו מרפרף על התוכן.

סגנון עיצוב זה למעשה מחלחלת דרך הפריסה כולה. אזור תחתונה תואם עם רקע עץ דומה הרבה של אותן אפשרויות גופן. זוהי דוגמה של פריסת אתר פשוטה מאוד עם כמה גרפיקה חזקה מאוד.

אתרי אינטרנט לאפליקציה: Premium Showcase

איזה מאמר יהיה שלם בלי קצת ממתק עיניים? יחד עם הטכניקות לעיל יש לי גם להרכיב את הגלריה היפה של אתרי אינטרנט להתקנים ניידים; שים לב ללוגו ולסמכי הניווט, כמו גם לכתובות האתרים של הדומיין. על ידי לימוד מה המקצוענים לעשות, אתה יכול להבין מגמות עיצוב ולהשתמש בהם בפרויקטים שלך.

יישום Bosquet