Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New Logo and Banner for BetterOneTab #5

Closed
ghost opened this issue Jul 21, 2018 · 19 comments
Closed

New Logo and Banner for BetterOneTab #5

ghost opened this issue Jul 21, 2018 · 19 comments

Comments

@ghost
Copy link

ghost commented Jul 21, 2018

Hi,

I'm designing for open source projects, expanding my portfolio. I want designing an new icon for your project. There are a few ideas in my mind, I hope you accept and I do them. If you have an idea, please let me know. In this way we create a icon.

Best Regards

@cnwangjie
Copy link
Owner

@Yasujizr Hi, sorry for the late reply. This extension is a personal open source project. Now the logo is a free icon I found on the web and the banner was I doing it casually. If you can design a logo or banner for this project specifically, I am very happy to use it. But this is a non-commercial project, so I can't pay anything for it. And thank you very much.

@ghost
Copy link
Author

ghost commented Jul 28, 2018

No need to pay. It would be nice for me to just pass my name on the project. The portfolio expands and gives me the opportunity to make a beautiful presentation. Do you have a template for your logo that you have in mind? Could you give me a brief about the project?

@cnwangjie
Copy link
Owner

@Yasujizr Ok, I don't know if you used to be a user of onetab or have you used better-onetab, If not then you can try to install it. It can help you temporarily storing tabs when there are too many tabs on your window, and manage and group a large number of tabs.

Currently, better-onetab uses the same funnel icon as the onetab. I think this means filtering, it is also necessary to provide both list and management functions. Compared with onetab, better-onetab uses a flat and more modern design icon, and the UI is the same.

image the icon of onetab image the icon of better-onetab currently

And the banner as you see, it is very simple and with a pink background. It just because I personally prefer the two colors cyan and pink. I hope to keep the simple and flat design, but with more refined fonts. This is just my personal favor. However, it is necessary to keep the background color is a single color and the body is centrally, this makes it easy to adapt to different sizes of banners.

https://chrome.google.com/webstore/detail/better-onetab/eookhngofldnbnidjlbkeecljkfpmfpg

920x680

640x400

I hope this can help you, I am happy to see what you design.

@ghost
Copy link
Author

ghost commented Aug 6, 2018

betteronetab

Simplified version of the funnel. At the same time, it reflects the intent of the program. Increasingly smaller units represent storage and filtering. If u want, units to be used in the logo will be reduced by region. Sorry for late reply.

*After the logo selection, we can start designing the poster.

@cnwangjie
Copy link
Owner

@Yasujizr Thanks for your great work. I really like the first one. It gives me a modern feel. I think it would be great to use it.

By the way, the image that will be used as the icon of extension should without margins around them.

@ghost
Copy link
Author

ghost commented Aug 17, 2018

Hi, I do not quite understand. Which one did you choose? Like the 2nd when there are no edges?

untitled-1

@cnwangjie
Copy link
Owner

@Yasujizr Hi, Both of them are ok. I think currently is good enough in poster. But there should not is extra space around the image content if we use it as an icon.

It should like image instead of image

Hope this can explain my meaning. 😹

@ghost
Copy link
Author

ghost commented Aug 27, 2018

Hi, I have added svg and png files. I can make PR for you if you like. You can contact me when you have another graphic job. I will update the link when the logotype is finished.

https://drive.google.com/open?id=1dpd8Q600VqcaFRfQ8HHuZy901_IoJERF

@cnwangjie
Copy link
Owner

@Yasujizr Great. I think they are near done except a few works to resize the images to usable sizes.

The icons need three different sizes: 16x16, 48x48, 128x128 (png with transparent background). And We need some banner with the new icon. The banners sizes are 1280x800, 440x280, 920x680, 1400x560 (png without alpha). I think I can wait for you to complete the new banner and it is nice that we can publish a new version with a new icon and new features. It will be a good chance to show your great work.

And I noticed that there are a different number of the line in different size images. Maybe we should stay the same number, such as leave three line in each size? Or you can work with your idea if you have a better way to handle it.

Thank you

@ghost
Copy link
Author

ghost commented Aug 29, 2018

Hi, I've updated the link. Like you said, I made 3 lines in every size. I added Logotype and Banners.

https://drive.google.com/open?id=1dpd8Q600VqcaFRfQ8HHuZy901_IoJERF

@cnwangjie
Copy link
Owner

@Yasujizr Hi, I really like the new banner you made. I am very willing to show it to everyone. Could you help me generate it into the required size and format like my comment above? I guess you should be using a professional design software and that should be easy for you. But there is no software on my computer that can handle pictures easily.

@ghost
Copy link
Author

ghost commented Aug 29, 2018

I increased the banner size and updated it to jpeg. I also added Logo to the size you want. You can write me in any design question. I am editing according to your comment above.

Thank u, :)

https://drive.google.com/open?id=1dpd8Q600VqcaFRfQ8HHuZy901_IoJERF

@cnwangjie
Copy link
Owner

@Yasujizr Thank you, but could you make the icons to square, separately 16x16, 48x48, 128x128 and make four different size banners, separately 1280x800, 440x280, 920x680, 1400x560? That is all we need. 😂

@ghost
Copy link
Author

ghost commented Aug 29, 2018

If I make the icons 16x16, they will be corrupted. So we have to do it as 16x13 48x39 128x103. Otherwise it will look like it was pulled from the tops. I added the size of the logo on top. I'm setting up the banners now.

@cnwangjie
Copy link
Owner

@Yasujizr I think you do not need to stretch the picture, can you put the current icon content to center and leave blank on the side? And the size is the requirement of the chrome extension store.

@ghost
Copy link
Author

ghost commented Aug 29, 2018

I think I managed it this time. :D I have updated the link. I erased old files. I installed the new ones. I arranged the banners by size. I arranged the logo as you said.

https://drive.google.com/open?id=1dpd8Q600VqcaFRfQ8HHuZy901_IoJERF

@cnwangjie
Copy link
Owner

@Yasujizr Hi, I've changed to use new icon and add thanks message in the readme. It is nearly ready to publish a new version, but a found the size of banners still not correct. The unit of sizes we need is the pixel. If we try to upload a different size we will get an error. Can you make a change to the banner again? Make sure they are the correct size. And it seems that the current picture has white edges, hope you can solve this. Thank you.

image

@ghost
Copy link
Author

ghost commented Aug 31, 2018

Hi, I've updated the banners. The whiteness was removed and the dimensions adjusted. Probably the right size at the moment. Thank you for the read.me. I think Logotype looks better in Read.me. I uploaded it with new colors. It's your decision, though. :)

forread me

@cnwangjie
Copy link
Owner

@Yasujizr Nice work! I've changed all image to your design and published a new version.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant