I’ve been working on a social media mock-ups app called Social Media Vinyl for a few months now, and it’s pretty much done.
I’ve had quite a bit of feedback about the design and the app’s look, and the final result is pretty impressive.
Here’s how I did it. 1.
Set the mock-upto-100,000 users The app should look something like this: In the top right corner, the app should have a total of around 100,000 total users.
Set the mockupto100,001 users to the number you’d like.
Make sure the mockup has a high resolution and doesn’t take up too much space.
Add the social network logo The app’s homepage should be a familiar place: I love this icon because it makes the app look like a website.
I like it because it’s a logo that’s easy to find and click on, but also simple to read.
If you’re not familiar with Google’s Google Fonts, a font that’s commonly used on Google’s social network pages, you should check it out.
Set a default Facebook profile photo This one’s not really a social networking mock- up, but it’s very useful for a mock-Up Designer like me.
This is a simple image that I’ve chosen for my Facebook profile.
Create a ‘social media’ tag Facebook profile photos should be easy to navigate.
They should be clear and easy to read, with a small black border that separates them from the rest of your profile.
If you don’t have a Facebook profile, you can create one by entering your username and password into the app, and clicking the ‘create profile’ button.
Add a custom icon on the app icon The app icon is pretty self-explanatory, but the other icons you can choose from for your profile photo, like the Facebook profile picture, should also have a similar look to the app.
The icon should be slightly bigger than the actual app icon.
For more information about the app and the Facebook logo, head over to the Facebook page.
Add some ‘trending’ content Facebook’s trending content, such as the Facebook posts that have been the most popular, should be displayed on the ‘top posts’ section of the homepage.
In this example, you’ll see an option for a Facebook post.
Add more social media icons to the profile page I’ve put a lot of thought into how Facebook’s social media pages should look, so I’ve set up two buttons to display the most recent posts on the homepage, plus a section for ‘tweet this’.
You can either select the most relevant post from your social network’s feed, or add it to your ‘top stories’ section.
Add ‘follow’ buttons to the main page Add ‘tweets’ to your timeline, and ‘follow followers’ to a section on the profile, and you’re ready to go!
How do you do this?
Here’s what I did to get the best results.
Set up the app In order to set up the mock up, you need to: Start a new mock-UP Designer project with the name ‘Social Media Vinyl’ in the Project Navigator and name your mockup after a Facebook page you’d love to use.
Create a new Facebook profile for the mock Up Designer.
Choose ‘create new profile’ from the Create New Profile drop-down menu.
Select ‘facebook profile picture’ from ‘Facebook profile picture selection’.
Choose the ‘facebook’ profile picture for the profile image.
When the new Facebook account is created, you don´t have to enter any data into the Facebook account you’re creating for this mock- Up Designer project.
Add social media logos When you’re finished, you just have to choose ‘Add Facebook logo’ from an options screen.
You should then see a new tab, and an option that says ‘add a new logo’ at the bottom of the screen.
Select ‘Add Twitter logo’.
Add the Twitter logo for the Facebook icon.