- 運営しているクリエイター
記事一覧
デザイナーのための『Every Layout』〜真に汎用的なレイアウト設計を目指して
最近読んだ本の中に、『Every Layout─モジュラーなレスポンシブデザインを実現するCSS設計論』という一冊があります。ウェブにおける汎用性や拡張性について、私自身が日頃から考えていたことが言語化されており大変感銘を受けましたので、今回本noteでは内容を紹介がてら私なりの考察を述べてみたいと思います。
本書はウェブサイト「Every Layout」の内容を日本語版として翻訳したもので、C
『はじめよう! 要件定義』(とそのシリーズ)を読んで、はじめよう!UIデザイン
繰り返し読んでいるマイ・フェイバリット技術書に『はじめよう! 要件定義 ~ビギナーからベテランまで』とその姉妹本『はじめよう! プロセス設計 ~要件定義のその前に』『はじめよう! システム設計 ~要件定義のその後に』の、通称「はじめよう!シリーズ3部作」があります(羽生章洋さん著)。
『はじめよう! 要件定義 ~ビギナーからベテランまで』はそのタイトル通り、ソフトウェア開発に携わるエンジニアや
Goodpatchの先輩デザイナーに聞いた!UIのフィードバックをする時の観点って?
こんにちは。株式会社グッドパッチの21卒UIデザイナーの平尾です。
グッドパッチの新卒として、デザインを作る際にたくさんのフィードバックをいただく機会があります。今回はグッドパッチの先輩デザイナーがUIに「フィードバック」をする時の観点をまとめてみました。
フィードバックをする方はもちろん、UIを作る上で大事な観点がまとまっているので、UIデザイナーの方は是非読んでいただけると嬉しいです。
ProtoPieでつくるUIアニメーション
【ProtoPieとは?】ProtoPie とは、デザイナー向けに開発された、コードレスで簡単にプロトタイプが作成できるモックアップツールです。非常に簡単に素早く作れることから、” Prototyping as easy as PieProtoPie ” が ProtoPie の名の由来にもなっているようです。
ProtoPie 公式より [ https://www.protopie.io/
ProtoPie(プロトパイ)を始める。横スクロール編
アニメーションモックはAfterEffectsの一択だったんですが、もう少し視野を広げてみようかなと思いこのプロトパイを始めてみました。
プロトパイのサイトにはチュートリアルやDEMOがとても豊富です。
まず何を作るのか?という発想が邪魔をするのでDEMO版の動きを自分なりに分解してみました。
この横スクロールUIを真似したいと思います。
理由はフェードアウトの箇所がどのような作りになっている
UIデザイナーがSwiftを学んでUIを実装したら生産性が爆上がりした
まいど〜。dely株式会社(レシピ動画アプリ「クラシル」を作っている会社)でUIデザイナーをしているうっくんです。
この記事は毎年恒例の「dely #1 Advent Calendar 2020」の10日目の記事です。やっていくぜ!ウェイウェイ!(今年入社したので、まだノリがわかっていない)
昨日はnozaさんの良いレシピ検索体験とは?"選ばれた"を考えた話でした!
nozaさんはAndro
ProtoPieで作る本格プロトタイプ作品7選!
以前、ProtoPieというプロトタイピングツールを紹介しました。
Figmaに関するnoteと比べて反響が弱かったので、今回は少し違ったアプローチでnoteを書いてみようと思います。
Figmaと比べて利用人口が少ない上に、ツールの特性上、Figmaより流行る可能性はほぼ0なので、ProtoPieの使い方を説明するより「こんなことできるんだぜ」っていう内容の方が良いのではと思いました。
と
ProtoPieと向き合ってみたら気づいた魅力
はじめにこの記事は Goodpatch Design Advent Calendar 2020 17日目の記事です。(遅れての投稿になります...すみません...!)
こんにちは、UIデザイナーの安川です!
今回はアニメーション初心者だった私がProtoPieで触れるプロトタイプを作り、感じたことを記事にしようと思います。
アニメーションを作った経験がなかった私が一週間使ってみてProtoPi
リモートユーザテストにも活用できる!ProtoPieのススメ
「Airレジ ハンディ」と「Airレジ ハンディ」の「セルフオーダー」でプロダクトデザイナーをしている高橋 朋子です。
2020年5月、「Air ビジネスツールズ」のプロダクトデザイナーが所属するグループで、プロトタイピングツールであるProtoPieを導入しました。
この記事では、ProtoPieの概要や、「Airレジ ハンディ」ではリモートでのユーザテストなどに利用しているので、Proto
「FELISSIMO RECRUITING 2021」リクルートサイトのつくりかた
Webサイトの制作方法を実例でご紹介する「Webサイトのつくりかた」シリーズの第三弾!ということで、今回は「FELISSIMO RECRUITING 2021」リクルートサイトのつくりかたをご紹介します。
01.概要
フェリシモは1965年創業の大手通販会社です。商品のほとんどがフェリシモオリジナルで、便利な日用品から一風変わったキャラクターグッズや手習いキットなど幅広くかつ数多くの商品を取り