PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 | スペースマーケットブログ
PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 デザイナーの横井です。こんにちは！ 猫飼いなのですが猫に顔をうずめるのが難しい季節になってまいりました（毛まみれ） 久しぶりのデザイン記事となりましたが、今日は弊社デザインチームが行ったAtomic Designのシステム化の紹介と失敗体験、そしてその道のりを、赤裸々にご紹介しちゃいたいと思います。 既に完成したデザインのコンポーネント化に悩んでいる方々の参考に、少しでもなれば幸いです。 初期のスペースマーケットデザイン ゴリゴリのPhotoshopデザインだった時代 弊社のメインサービスである、スペースマーケットのデザインは約3年前にリニューアルリリースされました。 当時は全てPhotoshopでデザインされ、１ページにつき１ファイル、スマートフォンもPCも別フ
API design guide | Cloud APIs | Google Cloud
Send feedback API design guide Stay organized with collections Save and categorize content based on your preferences. Changelog Introduction This is a general design guide for networked APIs. It has been used inside Google since 2014 and is the guide that Google follows when designing Cloud APIs and other Google APIs. This design guide is shared here to inform outside developers and to make it eas
株式会社スフィダンテ
「誰もが『生きるのって楽しいな』と思える世界をつくりたい」という想いに共感するメンバーが集まって、スフィダンテは始まりました。 世の中に笑顔を増やすことができれば、一人でも多くの人に生きる力を伝えることができるのではないか。 スフィダンテのビジョンをビジネスとして実現することで、世の中に笑顔を増やしたい。その実現に向けて、日々挑戦を続けています。 何よりも大切にしているのは、自分たちが掲げるビジョンを実現すること。 そのために「誰とやるか」にこだわっています。 一緒に働く仲間を大切にできる人が集まって切磋琢磨し、サービス、プロダクトを夢中になって届けることで世の中をより良くし、たくさんの笑顔を増やしていくことを目指しています。 PHILOSOPHY 一緒に働く仲間を大切にできる人が集まって切磋琢磨し、サービス、プロダクトを夢中になって届けることで、世の中にたくさんの笑顔を増やしていこう。
モデリング要らず！Google 3Dデータを使って、1日で街のゲームグラフィックを制作する方法
モデリング要らず！Google 3Dデータを使って、1日で街のゲームグラフィックを制作する方法：一撃デザインの種明かし（3）（1/2 ページ） たった1日で簡単にできる3D。Google 3Dギャラリーで、斜めにオブジェクトを配置し、立体的に見せる「クォータービュー」グラフィックを制作しよう 3Dギャラリーでゲーム風グラフィック インターネット回線の高速化、パソコンのスペック向上などにより、数年前と比べるとユーザーのPC環境はがらりと変わりました。そのような状況の中で、いままでは、つくり手が避けていたような表現が再注目されています。 その1つに、多くのグラフィック表現を駆使したゲーム風のリッチコンテンツもあると思います。例えばDRAGON QUEST SWORDSのように大画面にアニメーションや動画で演出をしているものです。 今回は、簡単にできる『ゲーム風グラフィックの制作方法』を紹介した
女性誌にみる女性向けデザインを研究したまとめ
どうも、シンプルやかっこいいWebデザインよりも甘いガーリーテイストのWebデザインが好きなガリザワです。 女性向けのデザインをする時に、女性ファッション誌を参考にすることがあります。しかし一概に女性ファッション誌と言っても数多くありその発行されている雑誌の種類は100種類もあります。そんな中で、主な女性ファッション誌の傾向とデザインの分析をまとめてみました。 女性ファッション誌エディトリアルデザインに学ぶ 女性ファッション誌には、WEBデザインには無い女性デザインの雰囲気を感じれる、WEBサイトではあまり見かけないようなデザインパーツなんかも数多くあるので、デザインをするときに参考にしている。 特に女性向けのデザインをするときに、ターゲット層が細かく分けられており、そのターゲット層にあったデザインをする必要がある。その上でターゲット層に合った雑誌の傾向をまとめてみた。 （伊藤忠ファッショ
フリー素材で作るiOSゲームアプリ〜フリー素材サイトとその探し方〜【その他】 - (:3[kanのメモ帳]
iPhone Advent Calendar 2013 - Adventar 11日目！ 直接iPhoneとは関係ない気がしなくも無いですが，気にしない！！！！ 前置き iPhoneでゲームアプリを作りたいけど，絵も書けないし作曲も出来ないから作れない！誰かに依頼するお金も無い！という場合におすすめなのがフリー素材です． そもそもフリー素材とは何ぞやってことになりますが，基本的に無料で使っていいよという物です． ただし配布している場所や物によって使用範囲にかなりの差異があるので一概でどうとは言えません． 企業は使用できなかったり，著作権表記が必要なかったり(使わせてもらってるのですがから個人的には常にするべきだと思います)，利益を得る行為に使っては行けなかったり，商用利用してはいけなかったり，加工してはいけなかったり，様々です． 兎にも角にもそれぞれのサイトさんの利用規約を見ましょう．もし
![フリー素材で作るiOSゲームアプリ〜フリー素材サイトとその探し方〜【その他】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f88df93047397b07dbc74c1d148cbe6a3a195dda/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkan_kikuchi%2F20131210%2F20131210180112.png)
商用フリー！昔の少女マンガ風イラスト｜アクトゼロ｜SMMやSEMを中心としたデジタルマーケティング会社
こんばんは、haruです。 最近急に冷え込んできましたね、 私は寒がりなので、この季節はブランケットが必需品です。 風邪を引かないよう山場をこなしたい、そんな今日この頃です。 今回は昔の少女マンガ風のイラストを用意しました。 基本の4点、モノクロの4点、おまけ差分の6点セットです。 おまけ差分の6点はこちら。 実際のサイズはこちら↓ 「どうしてわたくしが！？」みたいなイメージで使っていただければ幸いです。 なお画像は全てpngです。 ———————————– 形式：png ———————————– 商用個人にかかわらず利用フリーです。 ＼DLはこちらからどうぞ！／ ご利用にあたってのくわしいルールを必ずご覧ください。こちら↓です。 クリエイティブブログ内で配布されている素材の利用について シェアのご協力をよろしくおねがいします。
2024年用、日本語のフリーフォント699種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人でも商用でも無料利用できる、日本語のフリーフォント707種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！ 前年の647からフリーフォントが50種類くらい増えています！ ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/6/4: フォントを10種類追加 2024/2/20: フォントを11種類追加 2023/12/26: フ
ダメになる動画講座（第一章）
まずはアニメの基本中の基本、『人物の歩き』から行ってみよう！ 『歩き』が完全にマスター出来たら、『走り』はその応用で出来るよ。 *･゜ﾟ･*:.｡..｡.:*･゜ﾟ･*:.｡..｡.:*･゜ﾟ･* レベル１ *･゜ﾟ･*:.｡..｡.:*･゜ﾟ･*:.｡..｡.:*･゜ﾟ･* 【歩き・走りの基本を理解しよう】 みんな、ちょっと「コンパス」を用意してみてくれ。 コンパスを広げたときと閉じたときで、手に持つ部分の高さを比べてみよう。 コンパスは、広げたときは高さが低くなり、閉じると高くなってる。 コンパスを人間の足と考えてみよう。 つまり、足を広げた状態のとき背は低くなるんだ。 そして逆に、足を閉じた状態のとき背は高くなるんだ。 まぁ要するに・・、歩いたり走ったりすると体が上下するってこと。 これが、【歩き・走りの基本、その１】だ。 これさえ理解してれば、後は手足を交互に前に出せばOKとも言え
pltts.me - pltts リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
カテゴリー別配色アイデア100
2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト！ 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と
Inversion of Control コンテナと Dependency Injection パターン
以下の文章は、Martin Fowler の「Inversion of Control Containers and the Dependency Injection pattern」を、かくたにが翻訳したものです。原著者の許可を得て翻訳・公開しています。 翻訳にあたっては、kdmsnr さんにご協力をいただきました。ありがとうございます。公開後の改訂履歴を記事の最後に記述しています。 Java コミュニティでは軽量コンテナが花盛りである。 軽量コンテナは、異なるプロジェクトのコンポーネントをひとまとまりのアプリケーションとして組み立てることを支援する。 このようなコンテナの根底には、コンポーネントの結び付け方についての共通したパターンがある。 そのパターンのコンセプトは「Inversion of Control(制御の反転)」と、まことに包括的な名前で呼ばれている。 本記事では、このパタ
Voice of History | 歴史から学び、偉人の名言から気づきを得る
What is necessary to change a person is to change his awareness of himself. これは段階欲求説で有名なアブラハム・マズローの言葉である。 「人が変化するのに必要なことは、まず自分自身の認識を変えること」。 人はそれぞれ勝手な思い込みの中に生きている。 それらのほとんどは自分ができるだけ楽に生きれるように工夫された思い込みだ。 歪んだ勝手な思い込みはただの重い鎧にしかならない。 いつしかそれは自分の歩みを妨げるほど自分を縛り、それにすがるしかなくなり、ますます不自由になるだろう。 月は月であるのに日の当たる角度によって日々形を変えるように、人間も物事にもいろんな面がある。 特に若いうちはまずは自分の認識を疑ってみること。人は気づきを得たとき、初めて自分の軸を感じられるのだ。 それが自分自身の成長の第一歩である。 Cat
ギヤが動く指輪(動画) | WIRED VISION
前の記事 NASAとGMが開発、人間に近いロボット『R2』(動画) すぐれた「フードファイター」になる方法 次の記事 ギヤが動く指輪(動画) 2010年2月 8日 Charlie Sorrel 指輪をはめている人は、「指輪で遊ぶのをやめて」と言われたことが一度はあるのではないだろうか。指輪をいじっている姿は、周りの人の気にさわるようだ。 しかし、そのような不寛容な人をぎゃふんと言わせるアイテムがある。米Kinekt Design社の『ギヤ・リング(Gear Ring)』は、まさに遊ぶために作られた指輪なのだ。 ステンレスでできたこの指輪の外周には、歯のついたエッジが2本あり、この中を小さな歯車が6つ、移動できる。 価格は165ドル。これをギークにプレゼントすることは、甥っ子にドラムキットをプレゼントするようなものだ。贈った人物を好きになってくれるだろうが、家族はいやがることだろう。 [日本
[フルカスタマイズヘッドフォン] KOTORI
各パーツをそれぞれ自由に組み合わせて、 あなたがデザインした、他にはない、 あなただけのヘッドフォンを作ろう。
![[フルカスタマイズヘッドフォン] KOTORI](https://cdn-ak-scissors.b.st-hatena.com/image/square/bebf52ae89b62feb52c77fbfa5c71055737bd38e/height=288;version=1;width=512/http%3A%2F%2Fkotori.fostex.jp%2Fimages%2Fshared%2Fkotori_logo.jpg){kind=logo}
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集:phpspot開発日誌
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっと変わったデザインも作れそうですし、テクニックを駆使してまったく新しいデザインを考えることも出来そう。 それでは以下にそのデザインされたリストのサンプルをご紹介。 1. サイトのナビゲーション風にデザインされたリスト 2. 番号付き＆番号の横に縦のラインがはいった見やすいリスト 3. 矢印画像を使ったリスト 4. iPhoneスタイルのクールなボックスリスト 5. ツリーっぽい形式にできるリストデザイン 6. 複数行にしてテキストっぽく表示できるテキストリスト 7. ワンラインにして、カンマを付与
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
名刺作成、名刺デザインはmini名刺『pocketer(ポケッター)』
