細部まで徹底的に作りこまれた、かわいくてキレイにデザインされたコラージュのテクスチャ素材を紹介します。素材の利用にあたっては、個人のみ無料で利用できます。 作者の方は、2015年3月で制作作業の休止宣言をしました。いつか再開したら嬉しいですね。 ※ダウンロードは、当面はこのまま続けるとのことです。
1970年群馬県生まれ。工作をしがちなため、各種素材や工具や作品で家が手狭になってきた。一生手狭なんだろう。出したものを片付けないからでもある。性格も雑だ。もう一生こうなんだろう。(動画インタビュー) 前の記事:寝台列車個室にマイ食堂車を作る試み > 個人サイト 妄想工作所
前にデザイナー志望の俺が架空の映画ポスター作ったんだが評価してくれってスレ立てた者だけど 1: 以下、\(^o^)/でVIPがお送りします 2015/03/08(日) 16:48:59.58 ID:RSxUhwYo0.net リベンジしに来たぞ 前作ったの 新作 2: 以下、\(^o^)/でVIPがお送りします 2015/03/08(日) 16:50:04.70 ID:GPPCEbNY0.net そこはかとないB級感 3: 以下、\(^o^)/でVIPがお送りします 2015/03/08(日) 16:50:11.30 ID:0kf+7kfs0.net 新社会の神が一番マトモ 4: 以下、\(^o^)/でVIPがお送りします 2015/03/08(日) 16:50:59.79 ID:Z4MappAb0.net うん…なんというか…がんばってね… 5: 以下、\(^o^)/でVIPがお送りしま
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します! ↑私が10年以上利用している会計ソフト! CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
こんにちは。Yahoo!乗換案内アプリのデザインを担当している関です。 昨年2014年、Yahoo!乗換案内アプリは爆速で11回のアップデートを行い、1,000万ダウンロードを突破し、「乗換案内アプリ」カテゴリーでは実質1位になることができました。この場を借りてご利用の皆様には心より感謝いたします! 昨年1年を振り返り、度重なるアップデートの際にデザイナーとしてどのような課題解決や意思決定をしてきたかを、iOS版をもとに紹介したいと思います。 フラットデザインだけでは楽しくない!iOS7が発表され、それと同時に一気にフラットデザイン化の波が押し寄せました。 その流れに合わせてYahoo!乗換案内アプリもリニューアル着手となり、GYAO! (ヤフー株式会社が株式会社GYAOと協力して運営している映像配信サービス)から異動したばかりの私にとってはそれが路線サービスで初のデザイン業務となりました
CSSで斜めに線を引くようなことをするには多少なりとも工夫が必要だった。つまりCSSで作る吹き出し(もう5年前の記事だ)のようにborderプロパティーを使って頑張るしかなかったわけだ。今はlinear-gradient()があるので直観的に作ることができるようになった。しかしきれいに引くとなるとまだ工夫が必要そうだ。 Demo: CSS Diagonal Line borderプロパティーを使ったもの、linear-gradient()を背景で使ったもの、Data URI化したSVGを背景に使ったもの、以上の計3つのデモを作った。 .lg { background-image: linear-gradient( to right bottom, transparent 50%, #f0f 50% ); background-repeat: no-repeat; background-si
【追記】投稿が膨大な数になってきたので、こちらをお勧めしています。 ↓ よりぬき「子どもの頃怖かったデザイン」 http://togetter.com/li/785646 続きを読む
2015年2月18日 CSS 過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾!CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな?と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね! ↑私が10年以上利用している会計ソフト! 目次 キラキラ系テキスト マーカーでラインを引く ステッチ風ボックス リボン 画像をハート型で切り抜く ハートの鼓動 ラブビーム 1. キラキラ系テキスト 某ギャル雑誌(もう刊行されてないのかな?)で毎回見かけていたこの白抜き+明るい色のシャドウ。CSSでは text-shadow を用いて表現できます。ポイントは文字を白に設定し、シャドウの横位置・縦位置と
These slides include many inappropriate graphs. If you want to tell the summary of the data correctly, you should avoid to use graphs in this presentation. They can mislead those who view them. In English, the title of presentaion is "24 slides including graphs that should not be absolutely drawn".Read less
Webデザインのカラー、レイアウト、エフェクトなどのアイデアに困った時に時間をかけて見たいサイトのまとめ
アプリストアに載せるスクリーンショットの企画で、調査をしているときに内容をテキストでまとめていたらブログの記事になりそうだったので記事にしてみた。 前提としてぼくがリサーチしたかったのはコミュニケーションアプリのスクショ企画。 どういうアプリを探しているのか まずスクショを企画するにあたって、どういう検索のされかたをしているのか、どういうものが期待されているのかを「アプリを探すときのモチベーション」ごとに区分してみた。 特定のアプリを探したいとき よく知っているアプリ LINEとかTwitterとか。もうアプリの名前は知っていて、Appstoreを立ち上げる前からそれを探そうとしていた。この類のアプリのスクショはレイトマジョリティを対象にしていてたぶん参考にならないだろうと思った。 なんとなく知っているアプリ 名前だけはどこかで見かけて知っていて、どういうことができるのかよくわかってない。
このイベントは、「来るべき近未来のために業界の認識をアップデートすべく」(イベントページより)企画されたとのこと。近未来ってどういうことか、ちょっと気になります。 また、先日の木達一仁さんに行ったインタビューでも、「『アクセシビリティが当たり前の社会』というビジョンを実現するために、HTML5 Experts.jpとしても、お手伝いできることは何でもします!」と言った約束も守らねばなりません。 ということで、タイトルからしてちょっと楽しそうなこのイベント、無理を言って取材させてもらっちゃいました。今回はそのレポート記事になります。 「アクセシビリティ=高齢者・障害者対応」は大間違い! 最初のセッションはヤフーでマークアップエンジニア/フロントエンジニアを担当していらっしゃる(最近では「アクセシビリティエンジニア」と名乗っているそうです)福本翔さんによる「やはりお前らのWebアクセシビリテ
印刷して組み立てるだけ…すてきなギフトボックスの展開図いろいろ 年末はプレゼントのシーズンですが、中身もさることながら、すてきな包装だとうれしくなるものですね。 海外掲示板に投稿されていた、印刷して組み立てるだけで使える、8つの展開図をご紹介します。 1. 上品な感じのやさしい形の箱。 2. ハートのかわいらしいボックス。バレンタインデーにも重宝します。 3. 両端に切り込みを入れて真ん中で噛み合わせたもの。シンプルに開けることができます。 4. 同じ要領で底面が六角形のもの。重なった円の部分が高級感を出しています。 5. 三角柱のボックス。中身が三角形のものにはこれ。 6. ハートを側面にもってきた、背の高いプレゼントに便利なタイプ。メッセ―ジやイラストを描いてもいいですね。 7. 小さな小物を入れるのに最適な、カーブがやさしいギフトボックス。 8. 穴にリボンを通すことで、かばんのよう
グーグル日本法人は30日、全国の小中高生を対象にしたグーグルロゴのデザインコンテストの結果を発表した。グランプリには、岐阜県立大垣北高校1年の長谷川ゆいさんの作品「卒業」が選ばれた。長谷川さんの作品は12月1日、グーグルの検索ページのトップに1日限定で掲載される。 コンテストは子どもの創造力を育もうと2009年に始まり、今年で6回目を迎えた。毎年のテーマに合わせて「Google」のアルファベットをデザインする。今年のテーマは「忘れられない瞬間」で、全国から約9万2千点の応募作品が寄せられた。 大学教授や絵本作家らの審査員がまず地区代表を40作品選んだ。その中からインターネットによる一般投票で、小学校低学年、高学年、中学校、高校の最優秀4作品が選ばれ、4作品からグランプリを決めた。 この日、東京都内のグーグル日本法人で表彰式が開かれた。長谷川さんは「地区代表に選ばれた時に励ましてくれた友だち
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く