マガジンのカバー画像

フロントエンド研究

117
フロントエンドに関して情報を発信していきます
運営しているクリエイター

記事一覧

かっこいいデザイナーを目指す為の入門書10選

かっこいいデザイナーを目指す為の入門書10選

今回はお役立ち記事です。

ズバリ、「かっこいいデザイナーを目指す為の本10選」

自分がデザイナーの勉強を初めて間もない頃、デザインに行き詰まりを感じた頃、読んでかな〜り為になった本をこの場で紹介しちゃいます。

「かっこいいデザイナーになりたい!でもどんな事を勉強すれば良いんだろ?」と言う方には是非参考にして頂きたいです。
では早速参りましょう!

◼️ デザイン入門書編 ◼️

【ゼロからは

もっとみる
感覚でデザインしている人たちへ

感覚でデザインしている人たちへ

デザインする時に感覚でデザインしてますか?
それともルールなど作って制作してますか?
今回はデザインの原則についてお話ししていきたいかと思います。

デザインの4つの基礎・準備
・要素
・整列
・原則
色々と言われていますが、私の中で需要な基礎はこの4つだと考えています。
まず

デザインの準備・テーマ
主題や基本となる考えです。なにを伝えたいのか、明確にしないと何も伝わらないデザインになってしま

もっとみる
「デザインのマル秘展」にいってきました。

「デザインのマル秘展」にいってきました。

1月11日、21_21Designsightにて開催中の展示「デザインのマル秘展」に行ってきました。
(noteを公開したのは2/4。1ヶ月近く寝かせていました…)
久しぶりのnote更新になりますが、備忘録がてらレポートをば。

行ってきたぞマル秘展21_21 Designsight デザインのマル秘展
開催期間:2019年11月22日(金)- 2020年3月8日(日)

約半年の展示期間。

もっとみる
デザインのお仕事依頼について

デザインのお仕事依頼について

今回は弊社こと、Manhattan Codeのデザインのお仕事依頼についてご説明したいと思います。

*  *  *  *  *

スマートフォン用アプリケーションの開発・デザイン制作
Manhattan Codeでは主力事業として、スマートフォン用のアプリケーションの開発、デザイン制作をお請けしています。
アプリの新規制作、または既存アプリのリデザインなど、幅広くお請けしております。
想定のユー

もっとみる
UIがおしゃれなアプリ7選

UIがおしゃれなアプリ7選

今回は私が普段使っていてUI/UXが優れているなーというものを7つ選んだのでご紹介させて頂きます。

Sound Cloudドイツのベルリンに拠点を置くSoundCloud Limitedが運営する音声ファイル共有サービスです。
シンプルかつ操作性に優れているUIと、再生している楽曲が常に下部に表示され類似楽曲などがかなりの種類出てきてくれるのでついつい長時間使用してしまいますw

SteamSt

もっとみる
appleのヒューマンインターフェースガイドラインを自分なりにまとめてみた

appleのヒューマンインターフェースガイドラインを自分なりにまとめてみた

今回はappleが公開している「ヒューマンインターフェースガイドライン」を読んで、最低限知っておきたいことをまとめていきます。

Design Principles1,整合性
・アプリの外観と動作が機能といかに統合されているか。

2,一貫性
・システムが提供するインターフェース要素、よく知られているアイコン、標準のテキストスタイル、統一された言語を使用する。

3,直接操作
・画面上のコンテンツ

もっとみる
iOSアプリデザインをする際に気をつけた方がいいこと

iOSアプリデザインをする際に気をつけた方がいいこと

こんちゃ!
さて、今回は
ヒューマンインターフェースガイドラインなどの基礎知識を学習したのでご紹介していきたいと思います。

はじめにiOSのヒューマンインターフェースを理解するためにはappleが発表しているガイドラインを読む必要があります。
ここにはデザインの原則と理由、どのように活用していくのかがまとまっています。
しかし、全て英文で記載されているので私の方で簡単に解説していきたいと思います

もっとみる
知っておきたいiOSのアプリ用語をまとめてみた

知っておきたいiOSのアプリ用語をまとめてみた

今回は最低限知っておきたいiOSのアプリ用語についてまとめていきます。

アクティビティインジケータ
インジケータとはコンテンンツの読み込みやデータ処理にかかっている時間を視覚化して表してくれる部品のこと。
有益な情報があればテキストも表示される。

ナビゲーションバー画面上部にあるバーのこと。
新しい画面に遷移した時は「戻るボタン」が左上に表示される。右上には「編集ボタン」や「完了ボタン」が表示

もっとみる
ヒューマンインターフェースって何だろう

ヒューマンインターフェースって何だろう

最近、IT業界への転職に合わせてWEB・アプリ周りのデザインに関する用語について勉強しています。

やはり横文字の単語が多く、純日本人の私からするとなんとなく感覚で使ってしまう言葉も多いです。

(「デザイン=見た目」とか。本来は「デザイン=設計」が正しい意識ですよね。)

この記事では、いざ説明しろと言われると言葉に詰まってしまいそうな「ヒューマンインターフェース」という言葉について、掘り下げて

もっとみる
3D回転するアニメーションについて勉強をした。

3D回転するアニメーションについて勉強をした。

本日は現在お仕事をいただいている「動画広告」で使用しているAfter Effect(以下AE)で使われる3Dアニメーションついて勉強しました!
勉強する項目としましては3Dスイッチ、カメラ、エクスプレッションの3つです!

はじめに僕自身AEを使ってまだ半年ぐらいですが、
今までは「立体的に動かして!」という要望に対して
平面のものを無理やり立体的に動かしていて、その結果大量のキーフレームを打たな

もっとみる
Webデザイン良質見本帳を読んでまとめてみた

Webデザイン良質見本帳を読んでまとめてみた

今回は久保田涼子著の「Webデザイン良質見本帳」を読んでみました。
この本を読んで初めて知ったことや覚えておきたいことをまとめました。

はじめにまずはこの本がどのような本なのかの説明をします。
こちらの本は2017年6月19日に初版が発売された本です。
この本はタイトルの通りWebデザインで役立つ知恵をまとめてくれている本です。
HTMLとCSSの説明や配色方法、各テーマに合わせたデザインの仕方

もっとみる
webディレクターのポートフォリオの作り方

webディレクターのポートフォリオの作り方

今回はWebディレクターのポートフォリオの作り方について学習をしました。
学生時代からポートフォリオを作ったことはあるのですが、
ディレクターをやっている私のポートフォリオはデザイナー色の強いポートフォリオでした。
今後の案件獲得のために更新するぞ!ってなったんですがなかなかディレクターとして売るには不十分な内容が多く、調整している中で
「ディレクターのポートフォリオってどんなのがあるんだろうか?

もっとみる
アプリアイコンを制作する際に気をつけること

アプリアイコンを制作する際に気をつけること

今回はアプリアイコンを制作する際に気をつけておくことや知っておくべきことをまとめました。
Human Interface Guidelinesに書かれていたことや調べたことを書いていきます。

Human Interface Guidelines
・シンプルにする
・単一の焦点を提供する
・機能をすぐに認識できるようにする
・背景がシンプルで透明にしない
・不可欠なものかロゴ以外で文字を使用しない

もっとみる
IA/UXプラクティスを読んで

IA/UXプラクティスを読んで

本日はIA/UXプラクティスで学習したことをまとめていきたいと思います!

はじめにそもそもUI/UXという言葉は多く聞くと思いますが、IAという言葉はあまり聞き馴染みがない方も多いのではないでしょうか?(私は初耳でした…)

IAとは・・・情報アーキテクチャとも呼ばれ、「情報をわかりやすく伝え」「受け手が情報を探しやすくする」ための表現技術です。

今回はCapture3の「モバイルにおける情報

もっとみる