본문 바로가기

자료실

UX ㅣ UI 디자이너를 위한 프로토타이핑 10 UX ㅣ UI 디자이너를 위한 프로토타이핑 디자이너로서, 우리는 그들이 최고가 될 수 있거나 최악이 될 수있는 디자인을위한 많은 아이디어를 얻습니다. 그러나 현실에서 그것들을 조사하지 않고 어떻게 알 수 있습니까? 이제 프로토 타이핑 도구가 우리의 디지털 디자이너 커뮤니티에 큰 도움이되었습니다. 디자이너용 프로토 타이핑 도구 란 무엇입니까? 간단히 말해서 프로토 타이핑 도구를 사용하면 디자이너가 프로젝트 완성 과정을 경험할 수 있습니다. 어플리케이션 흐름을 시뮬레이션하고, 성능을 테스트하며, 단일 코드 라인을 작성하지 않고도 어플리케이션 및 웹 사이트에 대한 뛰어난 사용자 경험을 생성 할 수 있습니다. 다양한 유형의 프로토 타입 도구 또는 ux 디자인 도구가 서로 다른 목표와 사용자가있는 오픈 소스를 사.. 더보기
호황은 좋다, 불황은 더 좋다! - 마쓰시다 고노스케 호황은 좋다, 불황은 더 좋다! - 마쓰시다 고노스케 “어려운 문제, 어려운 환경은 경쟁력 있는 개인과 조직을 변별해내는 계기가 됩니다. 앞서 대비하고 변화하여 체질을 개선시키는 조직과 개인은불황이 닥쳤을 때에도 불안을 느끼지 않겠죠? 어려운 상황일수록 더 담대하게 그 상황을 생각하고 행동해야 합니다. 그리고 변화를 감지하고 대안을 마련하는 것도 중요하죠.불황에 좌절하거나 멈춰서는 것은 좋지 않습니다. 다시 재정비해서 나아갈 준비를 해야합니다.” 일본 최고의 기업가이자 세계적으로 존경받는 경영의 神, 마쓰시다 고노스케. 마쓰시다 조선과 마쓰시다 전기 등의 모기업을 포함해 아흔넷의 나이로 운명할때까지570개의 사업체와 13만명의 종업원을 거느린 대기업의 총수였던 그는어려운 환경이야말로 발전을 위한 기회임을.. 더보기
UX l UI & Web Color UX l UI & Web Color 20 CSS Color PalettesCollection of hand-picked free HTML and CSS color palette code examples. Update of May 2018 collection. 6 new items.Related ArticlesjQuery Color Pickers AuthorLinda LabanczJanuary 15, 2019Linksdemo and codeMade withHTML / CSSAbout the codeColor PalettesColor palettes with Flexbox.Compatible browsers: Chrome, Edge, Firefox, Opera, SafariDependencies: - Aut.. 더보기
스뇌헤타와 헤더윅 스튜디오, 사이드워크 토론토 스마트시트 설계안 공개 알파벳(Alphabet) 산하 사이트워크 랩(Sidewalk Labs)이 토론토 워터프런트에 개발 중인 스마트, 대형목조 도시 계획안 개발을 토마스 헤더윅 스튜디오(Thomas Heatherwick's studio)와 건축회사 스뇌헤타(Snøhetta)에게 맡겼다. 이들이 그려낸 구상안은 사이드워크 랩과 워터프런트 토론토가 공동개발하고 있는 사이드워크 토론토 사업의 변경안을 설명하는 자료를 통해 최근 공개되었다. 2019년 2월 14일 발표된 프로젝트 업데이트 자료는 토론토 다운타운 동쪽, 온타리오 호수주변에 위치한 9.5 헥타르 규모의 퀘이사이드지역에 대한 개발내용을 주로 다루고 있다. 이 지역은 “미래 스마트도시”를 표방하며 2018년 처음 공개된 사이트워크 토론토 사업의 작은 부분을 차지하고 있다... 더보기
195기가픽셀 인터랙티브 이미지로 바라본 상하이 거리풍경 중국 기술업체 빅픽셀(BigPixel)이 만든 195기가픽셀 이미지는 상하이 거리를 파노라마식으로 보여준다. 웹사이트를 통해 전세계 어디서도 이 이미지에 접속할 수 있으며, 줌인 기능을 통해 거리에 있는 사람들의 얼굴 표정과 자동차 번호판까지 알아볼 수 있다. 빅빅셀은 특수 망원렌즈를 단 일반 카메라를 이용해 상하이 오리엔탈펄 타워(Oriental Pearl Tower)에서 사진을 수천장 촬영한 후 이를 디지털방식으로 결합해 최종 이미지를 완성했다. 이미지 제작에는 두 달이 소요됐다. 영상 확인: https://youtu.be/oGgeKBbNamg 자료출처: www.dezeen.com 더보기
Design, UI/UX (게슈탈트 이론) - 강력한 UI를 위한 모바일 타이포그래피 철칙 디자인, UI / UX UX 디자이너를위한 Gestalt 이론 : 유사성의 원리. 인터페이스 디자인에서 Gestalt 이론 응용을 고려한 기사 : 이번에는 UI에서 효과적인 콘텐츠 그룹화의 유사성 원칙에 초점을 맞 춥니 다. UX 디자이너를위한 Gestalt 이론 : 유사성의 원리. 많은 디자이너가 창의적인 직감과 날카로운 눈을 자랑 할 수 있습니다. 미래의 웹 사이트 또는 앱의 레이아웃에 합리적인 사고와 측정으로 많은 열정과 느낌을 더합니다. 많은 경우, 자랑스럽지 않지만 모든 세부 사항을 함께보고, 사용자 흐름의 함정을 느끼고, 유용성을 해치지 않는 독창적 인 솔루션을 찾는 진정한 기술입니다. 그러나이 방법에는 마법이 없습니다.이 기술은 재능뿐 아니라 기술 및 장치와 함께 빠르게 변화하는 이론, 표준.. 더보기
디자인, UI / UX ( hierarchy - 계층구조 ) 디자인, UI / UX 시각적 계층 구조 : UI 콘텐츠 구성 방법 강력한 UI 컨텐츠 구성을위한 시각적 계층 구조에 관한 기사 : 크기, 대비, 근접성, 부정적인 공간 및 UI 요소를 효과적으로 구성하는 기타 사항 시각적 계층 구조 : UI 콘텐츠 구성 방법 헨리 아담스 (Henry Adams)는 "혼돈은 자연의 법칙이며 질서는 인간의 꿈"이라고 말했습니다. 사람들은 물건을 더 이해하기 쉽기 때문에 항상 주문을 선호합니다. 디지털 제품의 사용자 인터페이스에서도 마찬가지입니다. UI 요소가 체계화되고 구조화되면 사람들은 앱이나 웹 사이트를 쉽게 사용할 수 있으며 제품에 만족할 수 있습니다. 사용자가 UI의 내용을 명확하게 구성하기 위해 디자이너는 시각적 계층 구조라는 잘 알려진 기술을 적용합니다. 오늘의.. 더보기
모바일 인터페이스 설계 (UI 디자인의 황금 비율) UI 디자인의 황금 비율 "황금 비율"은 건축, 가전 제품, 로고 및 사진의 디자인에서 매우 중요합니다. 나는 그것에 대해 많이 쓰고 싶지 않습니다, 당신은 위키피디아에서 그것을 배울 수 있습니다. 나는 간단히 말하게 될 것입니다 : 우리의 의식은 조화와 아름다움을 낳는 경향이 있습니다. 그리고 "황금비"는 제품을보다 편안하고 지각 할 수있는 우아한 방법입니다. 간단히 말해서, 디자인에서 균형을 유지하는 도구입니다. 이 기술은 어려운 것처럼 보이기 때문에 인터페이스 디자인에별로 인기가 없습니다. 고전적인 황금 비율을 만드는 방법과 실제로 적용하는 방법을 간단히 설명하겠습니다. 기하학 황금 비율은 상대방 비율을 1 : 1.618로 나타냅니다. 빌드하는 것은 꽤 쉽습니다. 1. 사각형 그리기 2. 정사각형 .. 더보기
Design, UI/UX (황금률이 사용자 인터페이스에서 작동하는 방식) UI 디자인 : 황금률이 사용자 인터페이스에서 작동하는 방식 효과적인 디자인의 주요 특징 중 하나는 명확한 사용자 인터페이스입니다. 사용자가 화면상의 정보를 쉽게 인식하고 노력없이 제품과 상호 작용할 수 있도록 모든 요소를 균형있게 조화시키고 조화롭게 배치해야합니다. 효율적인 디자인 구성을 만들기 위해 전문가들은 예술에서 다양한 기술과 방법을 적용합니다. [...] UI 디자인 : 황금률이 사용자 인터페이스에서 작동하는 방식 효과적인 디자인의 주요 특징 중 하나는 명확한 사용자 인터페이스입니다. 사용자가 화면상의 정보를 쉽게 인식하고 노력없이 제품과 상호 작용할 수 있도록 모든 요소를 균형있게 조화시키고 조화롭게 배치해야합니다. 효율적인 디자인 구성을 만들기 위해 전문가는 예술 과학 및 기본 수학 이론에.. 더보기
ICT & IOT 더보기
2019년 6가지 모바일 디자인 동향 지속적인 교육은 모바일 앱 디자이너에게 중요합니다. 최신 모바일 디자인 트렌드를 따라야합니다. 그렇지 않으면 작업이 오래되어 보이기 시작하고 UI 디자인이 기능이 떨어지며 결국 숙제를 마친 다른 디자이너에게 일자리를 잃게됩니다. 그러나 매년 새로운 과정을 수강하거나 웨비나를 보는 데 오랜 시간을 소비하지 않아도됩니다. 이는 업계 동향 및 사용자의 변화하는 요구 사항을 최신으로 유지하는 것을 의미 할 수 있습니다. 매년 모바일 디자인 트렌드가 지난 한 해 동안 변화 한 방식을 반영하고 향후 한 해 동안 진행될 계획에 대해 예측할 시간을 갖습니다. 다음은 모바일 앱 디자이너가 2019 디자인을 염두에 두는 것이 중요하다고 생각하는 것입니다.모바일 디자인 동향은 이미 통합해야합니다. 프로그램 완성은 통합되어 .. 더보기
2019 UI and UX Design Trends 2018년도 벌써 일주일이 채 남지 않았네요. 올해만큼은 ‘다음’으로 넘어가는 시간을 줄이고, 하루하루에 집중하자며 몇 번을 다짐하고 또 생각했는데 마음만큼 따라주지 않았던 한 해 였습니다. 이제 다시 새로운 한 해를 준비해야 할 때가 왔습니다. 작년 연말에는 미처 준비를 하지 못했지만 2016년 말에는 2017년에 대한 다양한 자료들을 살펴봤었는데요. 그 중 ‘2017년 웹디자인 트렌드 10‘ 이란 내용을 며칠 전 다시 한 번 훑어보게 되었습니다. 마이크로인터렉션과 애니메이션, 카드, 카드, 그리고 또 카드, 그리드의 파괴 및 비대칭, 선명하고 다양한 컬러, 데이터 중심의 디자인, 색다른 요소들의 활용, 타이포그래피의 활용, 롱스크롤과 스토리텔링의 활용, UI(User Interface) 요소로서의 애.. 더보기
UX Documentation: Why, What and How 많은 사람들이 프로젝트 도중 발생한 일을 보관하는 것이 중요하다는 것을 알지 못합니다. 둘 중 하나는 문서 작성 프로세스를 생성 된 모든 산출물을 간단하게 편집하는 것으로 간주합니다. 하지만 실수를 통해 진정으로 배우려면 디자이너는 서술 문서를 더 고려해야합니다. 문서가 더러운 단어 일 필요는 없으며 500 페이지 분량의 문서로 구성되어야합니다. 대신 프로젝트의 이야기를 전달하는 데 도움이됩니다. 왜 그렇게 중요한 걸까? 그러나 우리가 들어가기 전에, 왜 당신은 왜 문서가 전혀 궁금 할 것입니다. 음, 여러 가지 이유가 있습니다. • 향후 참조. 우리가 옳은 일이나 다시하지 말아야 할 일의 예가 될 수 있습니다. 어떠한 종류의 기록이라도 일어난 일에 대한 영구적 인 기록을 제공합니다. 그것은 반성을 돕고.. 더보기
디지털 전략 설계, Part 2 : 연결된 사용자 경험 "디지털 전략은 실행 가능하고 측정 가능한 목표를 달성하기 위해 소비자에게 듣고 응답하고, 브랜드 경험을 연결하고, 제품을 반복하고, 소비자 관계를 수집하고 활성화하는 사람, 시간, 장소, 장소입니다."- Digital strategist Bud Caddell 간단히 말해 디지털 전략은 디지털 도구의 이점을 통해 비즈니스 목표를 지원하는 방법에 대한 계획입니다. 전략은 우리의 업무에 방향 감각과 결속력을 제공함으로써 중요한 결정에서 우리를 안내합니다. 명확하고 명확한 디지털 전략을 통해 디지털 채널에 대한 결정이 충동 ( "새 앱 만들기") 또는 사용 가능한 기술 ( "QR 코드 사용")에 대한 응답으로 이루어지지 않고 일관된 계획은 사용자 경험을 향상시키고 비즈니스 기회를 극대화합니다. 그러나 우리는 .. 더보기
cropcircles3 더보기
cropcircles2 더보기
cropcircles 더보기