2010년은 Joey와 저에게 매우 중요한 해였습니다. 어머나! 우분투!
약 4개월 전에 우리는 웹사이트를 공식화하고 OMG 확장을 시작할 때라고 결정했습니다! 회로망. 이를 위해 우리는 우리 제품을 쉽게 참조할 수 있는 일종의 중요한 엔티티를 만들어야 했습니다. 우리는 또한 OMG를 돌리기 시작할 때가 되었다고 느꼈습니다! 브랜드를 상업적 벤처로 전환합니다. 우리는 우리가 회사를 시작하고 싶다는 것을 알고 있었고 약 2주 동안 이름을 짓기 위해 노력한 끝에 마침내 결정했습니다. '오 그래서.'
Tyler가 OMG를 출시하자는 아이디어로 우리를 찾아왔습니다! 수세! 그리고 우리는 그에게 Ohso 네트워크를 두 개의 사이트로 확장하도록 했습니다. 올해가 가기 전에 Ubuntu Gamer가 출시되면 3개, 아마도 4개를 갖게 될 것입니다. 우리는 일종의 사용자 대면 이미지가 필요하다고 결정했고 일관성을 유지하기 위해 매우 다르지만 동시에 매우 유사한 웹사이트의 네트워크에 대한 아이디어는 매력적인 디자인입니다. 도전.
Blogger는 느리고 우리가 할 수 있는 일에 매우 제한적이어서 새로운 디자인이 빨리 나올 수 없었기 때문에 Blogger에서 벗어나고 싶었습니다. 7월에 나는 앉았다. 내 책상 그리고 아이디어를 생각하기 시작했습니다. 시작하기 위해 다양한 수준의 여러 사이트에서 사용할 수 있는 멋진 색상 팔레트를 만들고 싶었습니다. 이것이 네트워크의 첫 번째 관계가 될 것입니다. OMG를 유지하는 무언가를 설정하는 것이 중요했습니다! 우리에게 알려진 건방짐과 펑크, 그러나 동시에 그 수준을 전문적인 수준으로 끌어올리기 위해 우아한 무언가를 만드는 것입니다. 다른 기술 사이트를 살펴보면 형식보다 기능을 우선시하는 경우가 많다는 것을 알 수 있었습니다. 디자이너로서 두 가지 모두를 가질 수 있다고 느꼈습니다. OMG를 만들고 싶었습니다! 우분투! 인터넷에서 가장 잘 보이는 블로그.
우리는 이미 OMG와 함께 매우 간단한 색상 팔레트를 가지고 있었기 때문에! 우분투! 보라색과 주황색, 나는 이것을
새로운 우분투 브랜딩, 가지와 오렌지. 우리의 색상은 Canonical의 색상과 다르며 보라색은 훨씬 더 어둡고 주황색은 더 밝지만 잘 어울립니다. 새로운 사이트 디자인에서 저는 전문적인 이미지를 전달하고 싶었습니다. 저에게 (그리고 당신도 동의할 것입니다) 진한 보라색이 밝은 오렌지색보다 더 잘 작동합니다. 헤더는 OMG의 그라데이션입니다! 우분투! 보라색 우분투 가지.주황색은 밝은 색이기 때문에 특히 가지와 대조적으로 사용될 때 주의를 끄는 데 매우 유용합니다. 하이라이트를 위해 사이트 주변에 주황색을 아껴 사용하기로 결정했습니다.
이 두 가지 색상은 다양한 회색 음영과 함께 웹 사이트 색상 팔레트의 대부분을 구성합니다. 그러나 링크에 문제가 있었습니다. 주황색은 너무 밝아서 읽을 수 없었고 보라색은 이미 너무 두드러졌습니다. 나는 내가 사용했던 몇몇 아쿠아와 블루스를 실험했다. 새로운 Ubuntu 매뉴얼 사이트 디자인, 그리고 링크에 대한 사랑스러운 깊은 아쿠아에 정착했습니다. 나는 이것이 아름다운 보라색과 캔디 오렌지 사이의 좋은 중간 지점을 제공한다고 생각합니다.
색상 팔레트(매우 중요함)를 결정하고 나면 영감을 얻기 위해 주변을 둘러보기 시작했습니다. 새 사이트를 통해 우리는 이전 블로거 사이트가 잘하지 못했던 게시물과 관련하여 몇 가지 중요한 사항을 달성하고자 했습니다.
현재 게시물을 표시하기 위해 960 x 200 크기의 크고 눈에 띄는 회전식 배너를 결정했습니다. 속보 뉴스를 보여줄 수 있는 좋은 방법을 제공하고 루프에 최대한 많이 포함할 수 있습니다. 처럼. 새로운 Ubuntu 웹 디자인과 일치하므로 독자는 집과 같은 편안함을 느낄 것입니다. 또한 Joey의 펑키하고 눈길을 끄는 그래픽 디자인이 OMG를 만드는 것인 것으로 알고 사용하고 싶었습니다! 독특한. 게시물을 읽기 위해 아래로 스크롤하는 것은 트레이드오프이지만 대형 Gawker Media 또는 Weblogs 사이트를 방문하면 유사한 전술을 훨씬 더 많이 사용하는 것을 볼 수 있습니다.
몇 년 전으로 거슬러 올라가는 거의 2000개의 게시물(그 중 상당수는 여전히 관련이 있음)에서 이 자료를 최대한 재사용하는 것이 중요했습니다. 눈에 띄고 효과적인 검색창과 명확한 카테고리를 결합하면 독자들이 이전 사이트에 있는 끝없는 메뉴를 탐색하는 것보다 훨씬 쉽게 원하는 것을 찾을 수 있습니다. 배너의 5가지 범주는 다음 세 가지 용도로 사용됩니다.
우리는 밝은 색과 어두운 색의 두 가지 맛으로 제공되는 새로운 아이콘 세트(ipapun 제공)를 가지고 있습니다. 즉, 다른 웹사이트에서도 사용할 수 있어 네트워크 전체에 일관성을 더할 수 있습니다. 더 많은 아이콘을 만들어야 하는 누락된 카테고리가 꽤 있으므로 세트를 천천히 확장할 것입니다.
게시물 자체는 여러 가지 방법으로 현재 사이트를 개선해야 했습니다.
이 중 많은 부분이 블로거에서 멀어짐으로써 해결되었습니다. 새 사이트는 멋진 갤러리 플러그인을 사용하여 이미지 컬렉션을 처리합니다. 게시물의 원래 디자인은 지금 보이는 것과 약간 달랐습니다. 게시물 왼쪽의 플로팅 카테고리에도 태그와 공유 버튼이 포함되어 있었습니다. 우리는 이것이 더 긴 태그에는 특히 적합하지 않다는 것을 곧 깨달았고 Joey는 더 눈에 띄는 공유 버튼을 원했습니다. 이제 멋진 태그가 생겼습니다. 작은 공유 버튼과 함께 게시물 하단에, 그리고 게시물 상단에는 Digg, Facebook 및 트위터. 마지막 막대보다 훨씬 덜 눈에 거슬리지 않습니다. 당신은 그것에 대해 Niall에게 감사할 수 있습니다!
그러면 사이드 바와 바닥글이 남습니다. 사이드 바 항목은 Facebook 위젯과 최근 댓글(Disqus에서 가져옴)을 가지고 장난치며 꽤 많은 시간을 보낸 Niall에 의해 해킹되었으므로 꽤 멋지게 보입니다. 바닥글은 내 디자인에 완벽한 픽셀입니다. 바닥글을 사용하여 몇 가지를 달성하고 싶었습니다.
바닥글에 대해 정말 좋아 보인다는 말 외에는 더 이상 말할 수 없습니다!
전반적으로, 나는 이 사이트가 눈에 아주 만족스럽고 디자인 면에서 마지막 사이트에 비해 크게 개선되었다고 생각합니다. 저는 우리가 독특한 모양과 느낌을 확립했다고 생각합니다. 이 요소를 여러 사이트에서 사용하여 우수한 네트워크 일관성을 제공할 수 있습니다. 여기저기서 수정해야 할 몇 가지 버그가 있지만 이 웹사이트가 어떻게 되었는지에 대해 만족합니다. 우리는 몇 달 전에 설정한 날짜에 사이트를 시작했는데 정말 좋습니다. 일정을 지체 없이 지키는 것은 Ohso와 같은 작은 회사에게 유망한 시작입니다.
나는 이 사이트를 사랑하고 여러분도 그렇게 되기를 바랍니다. 어떻게 만들어졌는지 읽어주셔서 감사합니다. 우리는 2010년의 나머지 기간 동안 더 많은 계획을 세웠기 때문에 불행히도 아직 축하할 수 없습니다. 이 웹사이트를 공개하는 것은 큰 이정표이지만 우리를 위해 다시 돌아왔습니다!
우분투 게이머가 곧 출시됩니다???
기술적으로 더 관심이 있는 분들을 위해 Niall(웹 개발자)이 다음 문제에 대한 기사를 게시할 것입니다. 새 웹 사이트를 만들고 서비스와 서버를 곧 옮기고 모든 것을 그대로 유지하면서 (별로) 다운 시각.
트위터에서 저를 팔로우하세요! 나는 종종 새로운 아이디어를 트윗하고 작업 중인 디자인의 티저를 업로드합니다.
모든 우분투, 매일. 2009년부터.