# wireframe
wireframe & prototype
선과 틀을 잡는다는 뜻으로, 제품 기획 단계에서 페이지를 어떻게 구성할 것인지 구조를 잡기 위한 목적으로 만든다. 와이어프레임을 표현할 때 품질 수준을 전문 용어로 피델리티로 표현해 3가지 레벨로 나뉜다.Low Fidelity Wireframe (Lo-Fi Wirefr
와이어프레임(Wireframe)
와이어프레임 : 웹, 앱을 개발할 때 레이아웃의 뼈대를 그리는 단계 =와이어로 설계된 모양 -> 단순한 선이나 도형으로 인터페이스를 시각적으로 묘사한 것. => 아주 단순하게, 레이아웃과 제품의 구조를 보여주는 용도.
Unit 6 회고
저번주 조금 어려웠던 자바스크립트를 지나 html, css를 거치며 계산기의 mock-up을 만드는 과제를 수행했다. html과 css는 직관적으로 눈으로 볼 수 있다는 점이 재미있다보니 다양하게 시도해보며 나만의 계산기 목업을 만드는 과정이 너무 즐거웠다. 이를 바탕
레이아웃
: 웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계로, 단순한 선과 도형으로 웹/앱의 인터페이스를 시각적으로 묘사한 것이다.위의 와이어프레임은 화면의 영역을 구분하고, 각 영역에서 사용할 주요 태그들을 표시한다.: 실물 크기의 모형실물 제품이 없는 무형
WireFrame && Prototype
와이어프레임은 선(wire)으로 틀(frame)을 잡는다는 뜻!\-> 제품 기획 단계에서 페이지를 어떻게 구성할 것인지 구조를 잡기위한 목적.1\. Low Fidelity Wireframe (Lo-Fi Wireframe)\-> 손으로 그린 수준의 와이어프레임을 Lo-F
TIL - 와이어프레임
📌 진행계획 8/6 (토) 와이어프레임 수정 심화 학습자료 공부 json-server 통신 역할 분담 메인 페이지 : 공동 방명록 페이지 : 하병노 상세페이지 : 서동욱 수정페이지 : 신범수 📖 와이어 프레임 (2차 수정) 📌 홈 화면 📌 방명록 ...
[개발자되기: 와이어프레임 & 프로토타입 & Figma] Day-36
와이어프레임(wireframe) 제품 기획 단계에서 페이지 구조를 잡기 위한 것 1. Low Fidelity Wireframe (Lo-Fi Wireframe) 손으로 빠르게 그린 수준 2. Middle Fidelity Wireframe (Mid-Fi Wireframe)
[개발자되기: React SPA] Day-26
규모가 커질수록 사용자와의 상호작용이 많아지고 속도 저하 문제가 발생함에 따라 이 문제를 해결하기 위해 등장한 SPA전통적인 웹사이트는 페이지 전체를 로딩하여 시간이 오래걸리는 반면, SPA는 페이지 전환 전후에 중복되는 부분은 새로 불러오지 않음 (ex. header
와이어프레임(WireFrame)
와이어프레임은 말 그대로 "와이어로 설계된 모양"을 의미하며, 단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것입니다. 와이어프레임은 아주 단순하게, 레이아웃과 제품의 구조를 보여주는 용도입니다. 전환 효과나, 애니메이션, 사용자 테스트 같은 스타
.png)
[프로젝트] 3. UI Sketch, Wireframe, 시안 제작하기
들어가기 UI 제작은 UI/UX 디자이너들이 담당하는 경우도 있지만, 상황에 따라 담당자가 없는 경우, 프론트엔드 개발자가 디자인까지 하는 경우도 있다. 데브코스 프로젝트를 비롯하여, 대다수의 교내 프로젝트에서 디자이너가 있는 경우가 드물기 때문에 디자인 툴 활용법을
[CS] React SPA, Wireframe Day-20
SPA는 Single Page Application의 약자입니다.전통적인 웹 사이트는 페이지를 보여주기 위해서 매번 HTML 파일 전체를 불러와야 했습니다.하지만 SPA를 통해 변경 된 부분만 새로 불러오기 때문에 깜빡임이 사라졌습니다.전체 페이지를 계속해서 새로 고침
[CS] Wireframe (와이어프레임) Day-16
Wireframe (와이어프레임) 이란? 웹 또는 앱 개발을 할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 합니다. 단순한 선이나 도형으로 웹, 앱 인터페이스를 시각적으로 묘사하는 것 입니다. 단순하게, 레이아웃과 제품의 구조를 보여주는 용도입니다. (효과,
React SPA
1. React SPA Single Page Application의 줄임말로 서버로부터 완전한 새로운 페이지를 불러오지 않고 페이지 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재의 페이지를 업데이트함으로써 사용자와 소통하는 웹 어플리케이션이나 웹 사이트를 말한다. 2. SPA의 장점 전체 페이지가 아니라 필요한 부분의 데이터만 받아서 화면을 업데이트...
Session #3 Wireframe & Design
세번째 세션에서는 시작하기에 앞서 각팀별로 3주차 세션 아이디어 발표를 진행했고 이후 UX/UI 세션이 진행되었습니다!
