OnB Studio

워드프레스는 크게 3가지로 구성되어 있습니다. 워드프레스의 코어(Core), 테마(Theme) 그리고 플러그인(Plugin) 입니다. 코어(Core)코어는 워드프레스를 구성하는 기본 파일들을 의미합니다. 워드프레스는 콘텐츠 매니지먼트 시스템(Content Management System)으로, 블로그나 카페처럼 사이트를 편집해서 만들 수 있는 시스템입니다. 즉, 코어는 이러한 기능들에 필요한 구성 파일이죠. 코어가 있기에 페이지와 게시물, 미디어 파일, 관리자 페이지 등이 가능한 것입니다. 테마(Theme)테마는 사이트의 디자인과 레이아웃을 정의하는 요소이며, 사이트 운영에 필요한 편의 기능들이 포함되어 있을 수 있습니다. 사이트 구축과 운영 방법, 편의성 등을 결정짓는 중요한 요소이기 때문에, 사이트의..

호스팅(Hosting)웹사이트를 구축하기 위해서는 사이트를 구축할 컴퓨터(서버)가 필요합니다. 하지만 사이트를 한개 구축하기 위해 서버를 구비하는 것은 매우 비효율적인 일이죠. 그래서 서버를 전문적으로 취급하는 업체로부터 성능 일부를 빌리는 것이 바로 호스팅(Hosting)입니다.  호스팅 장점유연함컴퓨터를 한번 사게 되면 따로 부품을 바꾸지 않는 이상 스펙을 바꿀 방법이 없습니다. 하지만 호스팅은 기존의 서버에서 성능 일부를 빌리는 것이기 때문에 필요에 따라 스펙을 더 좋게 하거나 축소할 수 있습니다. 인프라서버와 네트워크를 주력으로 하는 업체의 인프라를 고스란히 이용할 수 있습니다. 24시간 냉방이 가동되는 물리적인 환경, 최적화된 서버와 네트워크 등을 직접 구축하지 않아도 이용할 수 있습니다. 보안..

도메인(Domain) 도메인은 사람들이 기억하기 쉬운 방식으로 만들어진 인터넷 주소입니다. 우리가 경도와 위도라는 좌표가 있음에도 도로명 주소를 사용하는 것과 비슷합니다. GPS 좌표 대신 도로명 주소를 사용하는 것만으로도 우리는 해당 위치가 어느 동네에 있는지 대략적으로 알 수 있고 기억하기도 훨씬 수월합니다. 도메인이 바로 인터넷 상의 도로명 주소같은 역할을 수행하는 것이라고 볼 수 있습니다. 인터넷에 있는 모든 컴퓨터는 IP 주소를 가지고 있습니다. 하지만 IP 주소는 사람이 이해하고 기억하기 쉬운 주소체계가 아닙니다. 그렇기 때문에 우리는 onbstudio.com과 같은 도메인을 IP와 매칭시켜 사용합니다. 그리고 이 도메인을 통해 회사 혹은 서비스명, 조직 유형(회사, 협회, 정부기관 등), 활..

글자 단위/단어 단위로 줄바꿈 설정하기 사이트에서 줄바꿈 되는 단위가 글자로 되어 있으면 가독성이 불편할 뿐만 아니라, 미적으로 신경쓰이게 됩니다. 때문에 단어 단위로 줄바꿈을 하는 것이 권장됩니다. 주로 'keep-all' 혹은 'break-word' 방식을 사용합니다. HTML/CSS 코드 CSS 속성 word-break : 텍스트가 줄 끝에 도달할 때 단어를 자르는 방식을 지정합니다. CSS 값 normal : 디폴트(Default) 줄 바꿈 규칙을 사용합니다. 영역 밖으로 단어가 튀어(overflow)나올 수 있습니다. break-all : 텍스트가 영역 밖으로 튀어 나오는 것을 방지합니다. 글자 단위로 줄 바꿈이 이뤄집니다. keep-all : 한/중/일 텍스트에 대해서는 줄을 바꿀 때 단어를 ..

웹 디자인과 UI/UX가 사업에 주는 긍정적인 효과 평소에 음식점을 많이 찾아보시지는 않으신가요? 기왕이면 특색 없이 밋밋한 곳보다는 사진찍기 좋은, 분위기 좋은 곳으로 가고 싶진 않으신가요? 이러한 현상은 잠재 고객이 여러분의 사업을 찾을 때에도 동일합니다. 고객 입장에서 기왕이면 형식상으로만 존재하는 사이트보다는 디자인이 정말 멋진 사이트에 눈길을 줄 것입니다. 온라인으로 모든 정보가 공유되는 요즘, 웹사이트는 잠재 고객들에게 제품과 서비스를 어필하고 소통하며 접점을 만드는 중요한 브랜딩 수단입니다. 단 5만원이면 비 전공자도 할 수 있는 가장 쉬운 방법이기도 합니다. 하지만 기업과 제품, 서비스에 대한 첫 인상을 남겨주는 디자인이 별로라면, 고객은 일말의 고민 없이 다른 곳을 알아볼 것입니다. 그렇..

미니멀리즘을 웹 디자인에 활용하기 위한 방법과 사례 분석 삶의 방식으로서 미니멀리즘은 필요한 만큼만 갖는 것을 의미합니다. 밖으로 나가기 전에 오늘은 뭘 입어야 할까 항상 고민하지 않으시나요? 미니멀리즘 라이프스타일은 내 생활 패턴에 맞는 최소한 옷만을 갖추기 때문에 이런 고민할 필요가 없어집니다. 오늘 하루는 뭘 입어야 할지, 오늘 패션은 괜찮은지, 내일은 또 뭘 입어야 할지 고민할 시간에, 미니멀리즘 라이프스타일은 우리에게 중요한 무언가에 좀 더 집중할 수 있게 해 줍니다. 불필요한 것을 버림으로써 좀 더 근본적이고 본질적인 무언가에 초점을 맞추는 것 그것이 미니멀리즘이 추구하는 가치이죠. 그리고 이는 웹 디자인에도 큰 영향을 주었습니다. 서로 다른 콘텐츠로 구성된 풍성한 디자인을 심플하게 바꿈으로써..

Apple 로고의 변천사와 숨겨진 의미 애플은 심플하고 심미적인 하드웨어 디자인으로 IT업계를 선도하는 기업입니다. 제품의 외형뿐만 아니라 내부까지 '미(美)'적으로 신경 쓰기로 유명한데요. 이렇게 디테일한 부분까지 완벽함을 보여주려 하는 노력은 브랜딩에도 적용됩니다. 브랜딩에서 가장 중요한 것 중 하나는 다방면에서 일관된 감각, 경험을 느끼게 하는 것입니다. 그런 점에서 애플은 '혁신'과 '완벽'이란 키워드를 꾸준하게 사용자들에게 제공하고 있죠. 그리고 이렇게 사용자들이 일관된 감각, 경험을 느끼게 해주는 것이 애플이 높은 고객 충성도를 유지하는 비결이라고 합니다. 그렇다면 회사의 아이덴티티를 직관적으로 보여주는 로고를 애플은 어떻게 다루고 있을까요? 가장 혁신적이고 트렌디하다고 평가받는 사과 모양 로..

온라인 마케팅이 중요한 이유 3가지와 전략 7가지 온라인 마케팅(Online Marketing)은 디지털 마케팅(Digital Marketing)이라고도 불리며, 컴퓨터와 주변 기기들 그리고 온라인 기반의 디지털 기술을 사용하는 마케팅을 의미합니다. 스마트폰 보급과 더불어 다양한 전자기기들이 일상에서 사용되고 있는데요. 때문에 많은 사람들이 자기 직전까지 혹은 자는 순간에도 인터넷과 연결되어 있습니다. 이렇게 여러분의 주 고객과 잠재 고객이 온라인에서 활동하고 있고, 이를 인지하고 있는 여러분의 경쟁사 역시 온라인 마케팅에 적극적으로 참여하고 있을 텐데요. 때문에 온라인에서 시행되는 마케팅이 사업의 생존과 성공 여부를 결정짓는다고 해도 과언이 아닐 것입니다. 그렇다면 온라인 마케팅을 시행했을 때 얻는 이..

온라인에서의 활동 거점을 만드는 '웹사이트'의 7가지 기대 효과 온라인 브랜딩의 핵심은 웹사이트입니다. 기업/서비스를 대표하는 웹사이트가 있다는 것은 그 자체만으로도 사람들에게 신뢰감을 주는데요. 여러분이 만약 어떤 제품을 구매한다고 가정해보면 좀 더 쉽게 이해할 수 있습니다. 단순히 쇼핑몰에 소개만 있는 물건 보다는 물건을 제조하는 업체의 웹사이트가 있는 곳에 좀 더 신뢰가 가지 않나요? 이러한 신뢰감에는 물건에 하자가 생겨도 AS나 후속 조치를 받을 수 있을 거란 믿음, 제품에 좀 더 진지한 모습을 보여준다는 생각이 들기 때문일 것입니다. 이처럼 웹사이트는 고객에게 신뢰를 주는 강력한 브랜딩 도구인데요. 이렇게 중요한 웹사이트를 통해 우리가 얻을 수 있는 기대 효과 7가지에 대해 소개해드립니다. 1...

네이밍 사례 분석 및 유형에 맞는 네이밍 프로세스 소개 잘 만들어진 회사 이름은 조직의 구성원들의 응집력과 사람들의 인지도를 향상시켜주는, 브랜드의 핵심 아이덴티티입니다. 헷갈리거나 복잡한 회사 이름은 사람들의 인지도 및 신뢰도를 떨어트리기에 결과적으로 매출 하락과 같은 악영향을 줍니다. 때문에 네이밍은 소비자들의 눈에 띔과 동시에 긍정적인 인상을 받을 수 있도록 해야 합니다. 네이밍은 창의력과 감각적인 영역이기 때문에 정답이란 것이 없습니다. 하지만 브랜드를 대표하는 특정 키워드를 기반으로 네이밍 하는 것이 일반적이며, 이미 전세계적으로 활동하는 기업들의 네이밍 사례를 통해 힌트를 얻을 수 있습니다. 외국어: 삼성(한자), 두산(한자), 세븐일레븐(영어) 단어의 조합/변형: Google(Googol),..