imsue
10,000+ Views

페이스북이 이런 UI/UX를 가지면 어떨까요?

Fred Nerby라는 분이 vimeo에 올린 페이스북 프로토타입 컨셉 영상이 많은 사람들에게 주목을 받고 있군요. 윈도우8의 느낌이 물씬나는 UI/UX 구성인 것 같습니다. 사용량에 비해서 워낙 페이스북 UI/UX가 아쉬운 부분이 많다보니 솔깃한데요.. 그저 컨셉영상으로 끝나는 거겠죠? 흑흑 ㅠㅠ
2 Comments
Suggested
Recent
@goldtigerzz 오!! ㅋㅋ 저도 지금 윈8로 업그레이드해서 쓰고 있는데 저만 느끼는 것이 아니었군요. 그래서 윈8에서 다양한 색상을 셋팅할 수 있는기회를 제공하는 것 같아요. 질리지 말라고ㅋㅋ 콘텐츠 하나 하나에 집중하기는 어렵지만 메트로 스타일이 전체적인 콘텐츠를 직관적으로 보여줘서 많이 많이 이용해보고 싶습니다.
깔끔하고 예쁘네요 ㅎㅎ 근데 윈8은 재작년 개발자버전부터 쓰기 시작했는데 처음의 신선함도 잠깐 굉장히 빨리 질러버렸어요. 처음 보니 좋다! 했는데 쓰다보면 답답하거나 질릴수도 ㅎㅎ 그냥 제 지극히 개인적인 생각입니다 ㅎㅎ
Cards you may also be interested in
웹서핑 꿀팁! 유용한 크롬 확장 프로그램 Top7
크로미엄 기반 웹브라우저인 '크롬', '웨일', '스윙' 등에서 사용 가능 대부분의 유저들이 PC나 노트북 등을 사용하는 가장 큰 목적은 '인터넷'일 것이다. 심지어 인터넷을 사용하지 않을 것이면 굳이 PC를 사용할 이유도 없다고 말하기도 한다. 물론 문서 작성이나 다운로드 한 동영상 감상 등 인터넷 연결이 필요 없는 작업을 하는 경우도 있겠지만, 요즘에는 다양한 웹기반 서비스들이 나오면서 문서 작성이나 동영상 감상 등도 인터넷으로 실시간 연결된 상태로 이용한다. 그리고 이런 대부분의 작업들은 웹브라우저를 통해서 이뤄진다. 현재 웹브라우저 확장프로그램 생태계 구축이 가장 잘 갖춰진 것은 구글 '크롬'이 첫 손에 꼽힌다. 이전에는 마이크로소프트(MS)의 웹브라우저인 인터넷 익스플로러가 국내외 웹브라우저 시장을 독점했지만, 오픈소스 소프트웨어(SW)인 크로미엄(Chromium) 기반 웹브라우저가 본격적으로 나오면서 밀러난 상태다. MS도 윈도10 출시와 함께 차세대 웹브라우저인 '엣지'를 출시하며 크롬과 유사한 확장 웹스토어를 공개한바 있지만, 현재 등록된 확장 프로그램이 별로 없는 관계로 구글 크롬을 중심으로 유용한 확장 프로그램을 공개한다. 1. AdBlock, Adguard AdBlocker, uBlock Origin 먼저 추천하는 확장 프로그램은 광고 차단기 3종 세트다. 다양한 형태의 광고들이 웹서핑을 방해하는 경험 많이 했을 것이다. 이럴때 유용한 확장 프로그램이 바로 광고차단 프로그램이다. 기존에는 PC의 Host(호스트) 파일을 직접 수정하거나 외부 프로그램을 사용해서 광고를 차단했지만, 크로미엄 기반 웹브라우저를 사용한다면 간단히 확장 프로그램 설정으로 모든게 해결된다. AdBlock은 가장 사용자가 많은 광고 차단 확장 프로그램으로 별다른 설정없이 그냥 설치하고 웹서핑을 즐기면 된다는 큰 장점이 있다. Adguard AdBlocker는 최근 급상승하고 있는 광고 차단기로 영상 광고(유튜브 영상 광고 등)도 차단이 가능하다. 직관적인 UI(유저 인터페이스)를 보여주는 만큼 초보자들도 쉽게 사용할 수 있다. 앞서 AdBlock나 Adguard AdBlocker가 초중급 사용자를 위한 것이라면 uBlock Origin는 고급 사용자를 위한 광고 차단기다. 현재 페이지에 연결된 모든 트래픽 경로를 보여주고 특정 트래픽만 막을 수 있다. 예컨대 특정 사이트에서 전송되는 신호만을 따로 차단하는 것도 가능하고 반대로 항상 허용하는 것도 가능하다. 2. LastPass, Xmarks 비밀번호 유출로 인한 개인 보안 이슈가 늘어나면서 대부분 웹사이트들은 로그인 시 비밀번호 생성 규칙을 강화하고 주기적으로 바꾸도록 요구하고 있다. 문제는 로그인 시 필요한 비밀번호의 자리가 길어지고 특수문자나 알파벳 대소문자 등 다양한 필수 규칙이 생기면서 막상 설정한 비밀번호를 기억하지 못하는 경우가 빈번히 보고되고 있다. 이럴때 필요한 것이 바로 웹사이트 로그인 관리자 애플리케이션이다. LastPass나 Xmarks 모두 이 부분에서 유명한 SW로 크로미엄뿐만 아니라 인터넷 익스플로러나 사파리, 파이어폭스 등 대부분 브라우저를 지원한다. 또한 스마트폰 등 모바일 디바이스도 지원하는 만큼 유용하다. 모든 암호는 암호화된 상태로 관리된다. 3. 구글 Keep, Evernote Web Clipper 웹서핑을 하다 메모가 필요하다면? 특정 웹페이지를 보관하고 싶다면? 바로 구글 킵과 에버노트가 있다. 구글 킵은 구글이 만든 메모장 서비스로 구글 킵 확장 프로그램을 이용하면 웹서핑 도중 여타 도구 필요없이 메모를 할 수도 있고, 웹페이지를 그대로 저장 가능하다. 구글 킵에 저장된 메모는 크롬이 아니더라도 구글 로그인만 한다면 어디서든 바로 확인이 가능하다. 스마트폰에도 애플리케이션이 있는 만큼 쉽게 메모를 하고 확인 가능하다. 모든 디바이스 동기화 기능은 덤이다. 에버노트 웹 클리퍼는 문서작성 관리 애플리케이션인 에버노트를 웹브라우저에서도 사용 가능하도록 도와주는 확장 프로그램이다. 스마트폰의 필수 애플리케이션으로 꼽히는 에버노트를 웹브라우저에서도 사용 가능하고, 웹서핑 도중 발견한 정보를 곧바로 에버노트에 올릴 수 있는 만큼 에버노트 사용자들의 필수 확장 프로그램이다. 4. crxMouse Chrome Gestures, Pig Toolbox 웹서핑을 하는데 키보드 필요없이 마우스만 있으면 모든게 가능하다. 앞으로 가기, 새로고침, 새페이지 생성, 특정 페이지 이동 등 키보드를 결합한 다양한 작업이 마우스 제스처만으로 할 수 있다. 이 부분 대표적인 확장 프로그램인 Pig Toolbox라고 할 수 있는데, 업데이트가 멈춘지 오래되고 크로미엄 버전에 따라 동작하지 않는 경우도 발생하는 만큼 현재 사용하기에는 불편하다. crxMouse는 Pig Toolbox를 대체하려는 사용자들이 많이 선택한 확장 프로그램으로 마우스 제스처 기능만 본다면 Pig Toolbox의 대부분 기능을 crxMouse에서도 동일하게 사용 가능하다. 사용자에 따라 마우스 제스처를 부분적으로 커스텀마이징도 할 수 있는만큼 적응만 된다면 편한 웹서핑을 즐길 수 있다. 5. 구글 번역, TransOver 웹서핑을 국내 사이트에서만 할 수만은 없다. 글로벌 각지의 소식을 빠르게 확인하기 위해서는 영어나 스페인어, 독일어, 일본어, 중국어 등 다양한 언어를 해야만 한다. 하지만 우리에겐 구글 번역기가 있다. 구글 번역 확장 프로그램을 사용하면 원하는 웹페이지를 원하는 언어로 순식간에 번역할 수 있다. 물론 아직 100% 정확하게 번역할 수는 없지만, 최근 인공신경망 번역 기술이 접목되면서 번역 품질이 한층 높아진 만큼 빠르게 번역하기에는 이만한 도구는 없다. TransOver은 특정 단어에 마우스를 가져다 대는 것만으로도 번역해 준다. 구글 번역과 함께 사용한다면 외국 웹사이트도 더이상 두럽지 않다. 6. 드롭박스, 구글 드라이브 개인 파일을 USB 등에 따로 가지고 다닐 필요 없이 언제 어디서나 사용하기 위해서는 드롭박스나 구글 드라이브, 원드라이브 등에 저장하면 된다. 해당 서비스를 이용하기 위해서는 직접 웹브라우저에서 접속 후 이용하거나 외부 프로그램을 설치해야만 했지만, 확장 프로그램을 사용한다면 클릭 한번에 특정 파일을 업로드 시키고 공유하는 것도 가능하다. 드롭박스, 구글 드라이브, 마이크로소프트(MS) 원드라이브 등 대부분 개인 웹하드 서비스들이 확장 프로그램 형태로 지원하는 만큼 해당 서비스를 이용하는 유저라면 필수 프로그램이다. 7. 데이터 세이버 직접 인터넷 연결해서 사용하는 PC나 노트북에서는 필요 없을 수 있지만, 외부에서 급하게 스마트폰을 이용한 테더링 기능을 활용한다면 데이터 걱정이 들 수 있다. 이때 필요한 것이 데이터 사용량을 줄여주는 '데이터 세이버 ' 확장 프로그램이다. 구글이 직접 만든 확장 프로그램으로 구글 서버를 통해 웹페이지를 읽어오는 방식으로 속도가 느려지지 않으면서도 웹서핑에 따른 데이터 사용량은 줄어든다. 구글 서버를 경유하는 방식으로 가상 사설망(VPN) 기능이 일부 적용된다는 장점이 있다. 이밖에도 유튜브 동영상이나 페이스북 동영상을 다운로드 할 수 있는 'Chrono Download Manager', 'Social Video Downloader' 등 다양한 확장프로그램이 있다. 또한 요즘 유행인 모바일 서비스인 인스타그램을 PC에서 손쉽게 사용하게 도와주는 'Websta for Instagram', 웹페이지 캡쳐를 할 수 있는 'Awesome Screenshot', 국내 쇼핑몰 가격 비교를 자동으로 해주는 '마트모어' 등 다양한 확장 프로그램을 통해 보다 편리한 웹서핑을 즐길 수 있길 바란다. 단, 확장 프로그램을 추가해 사용하기 이전에 반드시 믿을만한 개발자나 개발사가 만든 확장 프로그램인지 확인하는 과정이 필요하다. 최근 멀웨어가 삽입된 확장 프로그램도 보고되는 만큼 주의해야 한다.
750여개의 폰트와 관련 정보를 한 눈에 확인할 수 있는 IDEO의 ‘FONT MAP’
대체 어떤 폰트를 적용해야할까? IDEO의 답은? 어떤 언어든, 웹이나 모바일상에서 이를 표현하기 위해서는 하나 이상의 ‘폰트’를 정해야 합니다. 서비스와 잘 어울리는지는 물론, 이용하는 사람들에게 잘 맞는지 등 여러 내용을 따져 폰트를 정하게 되는데요! 문제는 우리가 사용할 수 있는 폰트 종류가 생각보다 훨씬 많다는 점입니다. 선택지가 많을수록 우리의 선택은 어려워질뿐더러 폰트의 경우 그 종류를 모두 파악하고 있는 것이 아니기 때문에 정하는 것이 더 어렵게 느껴집니다. 세계적인 디자인 이노베이션 그룹 ‘IDEO’에서 얼마전 이런 문제를 조금은 더 쉽게 해결해줄 수 있는 솔루션을 내놨는데요! 그래서 오늘은 폰트 정보를 더 쉽게 확인하고 결정하는데 도움을 줄 수 있는 ‘IDEO’의 ‘Font Map’을 소개드리려고 합니다. 750여개의 폰트와 관련 정보를 한 눈에 볼 수 있도록 도와주는 ‘Font Map’ ‘Font Map’은 폰트간의 관계, 예를 들면 비슷한 폰트와 같은 정보를 유기적으로 보여주는, AI를 활용한 서비스입니다. ‘A’라는 대표 문자를 지도처럼 화면에 그려넣어 어떤 형태로 이뤄져 있는지를 한 눈에 볼 수 있도록 구성되어 있죠.  위의 이미지가 ‘Font Map’를 통해 한 눈에 볼 수 있는 폰트들의 모습인데요! 상-하로 구성된 리스트가 아니라 이렇게 한 눈에 어떤 폰트들이 있는지를 확인할 수 있어 속이 확 – 트이는 느낌이었습니다. 장소 정보를 리스트로 보다가 지도 위에 펼쳐서 보는 느낌과 같았죠. 원하는 폰트위로 마우스를 가져가면 간략한 정보를 확인해볼 수 있습니다. ‘Font Map’에서 원하는 폰트를 찾았다면, 클릭을 통해 자세한 정보를 확인할 수 있습니다. 폰트를 한 눈에 볼 수 있다는 점도 좋았지만, 특정 폰트를 선택하면 관련 비슷한 폰트 정보를 제공해주고 구글 폰트 검색 결과로 바로 연결된다는 점이 매력적이었습니다. ‘Font Map’의 ‘About’ 정보를 살펴보면, IDEO에서 왜 ‘Font Map‘를 만들었고, 어떻게 사용하면 좋은지에 대한 내용을 확인해볼 수 있는데요! “글꼴 선택은 디자이너가 가장 일반적으로 생각하는 시각적 선택 중 하나이며, 대부분은 오래된 즐겨 찾기로 돌아가거나 범주 내에서 글꼴을 검색합니다. (중략) 디자이너를 포함한 설계자들이 750 개가 넘는 웹 글꼴의 관계를 이해하고 볼 수있게 도와주는 도구를 만들었습니다.” 라고 합니다. 실제로, 제가 ‘Font Map‘을 쓰면서도 상당히 잘 짜여져 있다는 생각이 들었고요. 물론..한글 폰트가 아닌 영문 폰트 중심이라는 점이 국내에(?) 머물고 있는 제겐 아쉬운 점이었지만 종종 영문 폰트 정보를 확인할 일이 있기에 즐겨찾기를 해두고 활용하려고 합니다.  출처 : 지금 써보러 갑니다 블로그
르포/일본 넘어…중국 전기차의 현주소 선전(심천)
... <사진= '중국의 실리콘밸리'로 불리는 선전(심천). 셔코우 해상 터미널 인근의 상업지구> ... 친환경 자동차의 중심 도시 중국 선전(심천) 친환경 자동차와 친환경 도시는 ‘한 세트’였다. 중국 동남부 광둥성에 위치한 ‘중국의 실리콘밸리’ 선전(심천, 深圳)의 첫인상이 딱 그랬다. 지난 18일, 홍콩을 경유해 중국 4차산업의 전진 기지인 선전의 셔코우(蛇口)항에 발을 들여 놓았다. 권위있는 글로벌 상인 ‘더 브랜드 로릿’(The Brand Laureate) 시상식 취재를 위해서였다. 셔코우 해상터미널을 빠져 나오는 순간, 초대형 크레인들이 시야를 막아섰다. 육중한 크레인들이 공중을 떠다니며 50층 이상의 초고층 건물들을 쌓아 올리고 있었다. 건설 노동자들이 분주하게 오갔고, 현장의 쇳소리가 요란했다. 선전엔 세계 최대 전기차업체 비야디(BYD) 본사 중국 정부가 자랑하는 세계 최대 규모의 '정보기술(IT) 기지'다웠다. 이곳 선전엔 △중국 최대 통신장비업체 화웨이 △중국 최대 IT 기업 텐센트 △세계 최대 전기차업체 비야디(BYD) △세계 최대 상업용 드론 제조사 디장(DJI) 등이 둥지를 틀고 있다. <사진= 선전의 대중교통 버스와 택시, 일반 자동차는 모두 전기차다. 소음도 공해도 없는 선전의 거리.> ... 먼지가 날리는 건설 현장을 조금 벗어나자 완전 다른 분위기의 도시가 얼굴을 내밀었다. 바다에 인접한 태자(太子)광장 인근 상업지구는 서울 강남 그 이상의 풍경이었다. 무엇보다 도시 자체가 ‘클린’(clean)했다. 이유는 교통수단 때문이다. 선전시의 대중교통과 승용차는 모두 전기차다. 전기차에 대한 관심이 뜨거운 건 어제오늘의 일이 아니다. 그렇듯, 전기차의 현주소와 미래를 선전시에서 목격하고도 남음이 있었다. 현재 전세계 전기차 시장을 이끌고 있는 기업은 선전시에 본사를 둔 비야디(BYD)이다. 배터리업체로 출발한 비야디는 미국 테슬라와 시장을 양분하고 있다. 비야디(BYD), 미국 테슬라와 세계 전기차시장 양분 에너지경제연구원이 2018년 말 발표한 보고서(‘2018년 일본 전기자동차 보급・촉진을 위한 당면과제’)에 따르면, 2017년까지 전기자동차의 최대 강자는 일본의 '르노-닛산-미츠비시 연합'이었다. 에너지경제연구원은 “2017년 가장 높은 세계 전기자동차 판매 대수를 기록한 것은 Renault-Nissan-Mitsubishi alliance로 119,195대를 판매하였으며, 중국의 BYD Group이 113,949대로 그 뒤를 이었다”고 했다. 일본의 경우, 카를로스 곤 전 회장 체제가 무너지면서 르노-닛산-미츠비시 연합체도 힘을 잃었다. 그러면서 현재 전세계 전기차 시장은 중국의 비야디(BYD)와 미국의 테슬라가 라이벌 구도를 형성하고 있다. 에너지시장조사업체 SNE리서치에 의하면, 올해 상반기 전세계(71개국) 전기 승용차 판매는 테슬라가 14만5702대를 판매해 1위를 기록했고, 비야디는 10만5574대를 팔아 2위에 올랐다. 순위는 의미가 없다. 전기차의 핵심부품인 배터리를 직접 생산하는 비야디가 테슬라보다 성장 속도나 매출 실적면에서 훨씬 앞서고 있기 때문이다. 비야디는 CATL에 이어 중국 배터리 제조사 2위다. <사진= 선전의 한 택시 기사는 "택시 한번 충전에는 2시간이 걸린다"고 했다.> <사진= 택시 단말기엔 기사의 얼굴과 QR코드가 함께> ... “버스와 택시 모두 전기차…세계 최초의 도시” 이런 비야디가 자리잡고 있는 선전시는 중국에서 가장 모범적인 친환경적인 도시로 변모했다. 선전시는 2017년 말 시내 1만6000여대의 버스를 모두 전기차로 교체했다. 지난해까지 1만3000여대의 택시도 전기차로 바꿨다. 기자가 탑승한 택시의 기사는 “택시 충전엔 2시간이면 된다”며 “선전은 아마 버스와 택시를 모두 전기차로 바꾼 세계 최초의 도시일 것”이라고 자랑스럽게 말했다. 상업지구엔 버스와 택시가 꼬리를 물고 늘어섰는데도 매연이나 소음은 들리지도, 보이지도 않았다. 택시 기사가 엄지를 척 올릴 만도 했다. 선전시가 이렇게 급속하게 무소음, 무공해 도시로 변할 수 있었던 것은 막대한 보조금 정책 때문이다. 중국 정부는 첨단산업 육성정책인 ‘중국 제조 2025’에 따라 2009년부터 전기차 구매자에게 보조금을 지급해 왔다.(중국은 2025년까지 매년 300만대 전기차를 새로 생산할 계획이다.) 전기차 뿐 아니라 선전 택시의 핀테크 기능도 탁월했다. 택시 단말기 화면엔 기사의 얼굴과 QR코드가 함께 떴다. 승객은 택시 요금으로 스마트폰을 QR코드에 갖다대기만 하면 된다. 신용카드 결제 단계를 생략한 중국 핀테크 시장의 힘이다. <사진= 스타벅스보다 더 빠른 속도로 성장하고 있는 중국 토종 브랜드 '루이싱 커피'.> <사진= 테이크아웃 루이싱 커피 컵과 홀더에 QR코드가 박혀 있다.> ... 택시 단말기와 커피 매장의 ‘QR코드 위력’ QR코드의 위력은 비단 택시만이 아니었다. 루이싱커피(Luckin Coffee) 매장도 그랬다. 루이싱 커피는 중국에서 스타벅스의 아성을 뛰어넘어 확장 속도를 높이고 있는 중국 토종 브랜드다. 한 매장에서 테이크아웃 커피를 시켰다. 컵 하단과 종이컵홀더에 QR코드가 보였다. 심지어 매장 티슈에도 QR코드가 박혀 있었다. 이런 선전은 거대한 중국 시장의 한 단면에 불과하다. 미국 경제잡지 포춘은 지난 7월, ‘세계 500대 기업’ 순위(전년 매출 기준)를 발표하면서 It’s China’s World(중국 세상)라는 제목을 달았다. 포춘의 이 제목처럼 화웨이, 텐센트 비야디(BYD), 디장(DJI) 등의 선도적 기업을 품은 선전시는 그 ‘중국 세상’의 중심에 있었다. <중국 선전(심천)=에디터 이재우> http://www.japanoll.com/news/articleView.html?idxno=593 저작권자 © 재팬올 무단전재 및 재배포 금지 출처 : 재팬올(http://www.japanoll.com)
이미지 파일 종류와 변환방법에 대하여
일단은 JPEG 는 알다시피 정지화상 이미지라고 해서 손실 이미지 파일 포맷이라고 한다. PNG 는 비손실 이미지 파일 포맷이라고 해서 지금도 많이 쓰이는 포맷이고, 투명 배경에 이미지를 덧대어서 스티커 용도로도 쓰인다. 물론 합성할 때 많이 쓰이는 자료이긴 하나... JPEG 는 대게 레스터 이미지 파일이라서 이미지 처리할 때 손실이 되게 크다. 하지만, 화질이 커지면 어느정도는 멀리서 봤을 때 그렇게 심하지 않고 오히려 화질이 더 클수록 퀄리티가 높은 편이다. PNG 의 경우에는 JPG 보단 그나마 화질깨짐이 덜하다 오히려 깔끔하다, 하지만 확대해보면 깨지긴 한다. JPEG 혹은 JPG 는 별도로 JFIF 이런 포맷과 Webp 파일 혹은 Jpg.large 파일이 존재하며 BMP 확장자가 존재한다. GIF 같은 경우도 마찬가지이지만 이것은 비트맵 그래픽 포맷은 설명을 하거나 여러 용도에서 광범위하게 쓰인다, PNG 하고 마찬가지로 말이다. 그렇지만 PNG 에 비해 화질 크기는 제한된다. 만약에 확장을 하고 싶으면 다음과 같은 방법을 쓴다. JFIF 를 PNG 로 변환하는 방법을 추천한다. WEBP 파일 역시 PNG 로 변환하 것을 추천하고 요즘엔 SVG , HEIF 파일도 있지만 이 역시 응용파일을 마이크로소프트 스토어에서 다운로드하면 된다. 통합 이미지 변환사이트인데 이 사이트를 이용하면 거의 어지간한 포맷은 다 변환할 수 있다.