このブログのデザインテーマ「JOURNAL.」を公開しました - THE LITTLE ESCAPE
嬉しいことに「こんなブログにしたいなぁ」とコメントをいただくことがありまして… それなら公開してみようかなと思いこのブログに近いデザインのテーマを作成し、公開してみました。 見本ブログはこちらからどうぞ〜 https://mooi.hatenablog.jp/ なぜ「近いデザイン」なの？ このブログのデザインソースコードは2〜3年前に書いたものです。 当時、はてなテーマの中にはスマホでも見ることができる「レスポンシブデザイン」がほぼ無く対応してなかった時代だったので自分で無理矢理作りました。 そのため、いろいろ改変を重ねていてちょっとごちゃついて汚いのです…。ということで、今回新たにコードをきれいにして作り直し公開しました。 といっても、レイアウトや大枠はほぼ同じデザインです。 どんな人向け？ 落ち着いた雰囲気が好きな女性 ブログ書くことが好き シンプルで洗練されたものが好き といった方を
cssで作るシェアボタンのデザインパターン36種類 - FOXISM
cssで作るシェアボタンのデザインパターンをたくさん考えてみました。とりあえずシェア数の表示がない、単純なボタンとして36種類あります。（色違いなども若干含みます。） 記述するhtmlはどれも同じようなものですが、一部微妙に異なるものもあります。基本的にはcssだけでデザインを決めています。アイコンフォントに関してもcssだけでほとんどやっていますが、そのコードは省略していますのでソースを見てください。 コピペでもだいたい使えると思いますが、それぞれ微調整が必要なものもあると思います。なのでコピペだけでなく自分のサイトに合わせて調整できるcss中級者以上向けですね。スマホ表示も考えてないし。（スマホで見ると崩れてるやんwと思う人はこの記事の対象外です。） というか、ローカルなhtmlで作っていたものをここにコピペしたらうまく動かないものやフォントが反映されていないものがありました。面倒なの
cssによるボタンデザインの備忘録 - FOXISM
a.btn{ display: inline-block; /* インラインブロック化 */ padding: 1em 2em; /* 余白設定 */ line-height: 1; /* 行の高さ */ color: #fff; background-color: #2196f3; text-decoration: none; } a.btn:hover{ background-color: #42a5f5; } point paddingの値を上下1em、左右2emくらいにすると、フラットデザインっぽくなる。ここまで広げなくてもいいけど、狭いとダサくなるので、それなりに余裕ある数値にするといい感じ。 角丸に demo ボタンリンク a.btn{ display: inline-block; padding: 1em 2em; line-height: 1; color: #fff; b
たった1日で3億円超の現金化が話題に！『CASH』に秘められたデザインの仕掛け。デザイナー 河原香奈子 | CAREER HACK
あまりの反響に公開後わずか16時間でサービス一時停止となった買取アプリ『CASH』。デザイナー 河原 香奈子さんが語ったのはお金を扱うサービスに大切な「佇まい」について。お金をポジティブなものに変えるデザイン理論とは？ 一夜で3.6億円超が利用された『CASH』デザイン秘話 「買取してほしいアイテムをスマホで撮影＆登録すると、瞬時にお金に変わる」 まるで魔法のような体験を提供してくれるのが、買取アプリ『CASH』だ。2017年6月、サービス公開初日に3.6億円超が現金化され、その反響の大きさに、公開後わずか16時間で一時休止へ。 その後、2ヶ月間の休止を経て、サービスを再開。再開後もわずか2時間で1000万円が現金化され、現在、サービスの安定稼働を推し進めている。 『CASH』の一時停止と再開について、インフォグラフィックや動画を載せたランディングページも話題となった。反響の大きさを物語る
海外で活躍したいデザイナー必見 デザインに関する英語表現と用語まとめ デザイン会社 ビートラックス: ブログ
こちらサンフランシスコ・シリコンバレー地域では、エンジニアだけではなくデザイナーの需要が非常に高まっている。 WebやアプリのUIや、プロダクト全体のUX,、AI活用によるデザインなどなど。そして、グローバル規模でのブランディングに至るまで、ビジネスの様々な局面において、デザイン的考え方が重要とされてきているのが理由である。 そして、少し前までは、”デザイナー”と聞くと絵を描く仕事の延長線上にあると思われていたが実はその仕事にとって重要な内容として相手を理解するコミニュケーション能力と自身の問題解決策を説明するプレゼンテーションも含まれる。 次世代のデザイナーは、クリエイティブな考えに加えて、異なるバックグラウンドを持つ人々の考え方を理解する能力が必要とされる。 【改めて基本を解説】デザイナーの役割とその仕事内容とは 実は、日本国内でも非常に優秀なデザイナーは多く、細かな表現技法や、最新の
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
見ないとトレンドに乗り遅れるWebデザイン＆スマホデザインまとめサイト33選 | SONICMOOV LAB
皆様、お疲れ様です。 ソリューション事業部デザイナーのジャッキーです。 最近はラジオを聞きながら業務に取り組んでおります。 時折、笑いがこらえられずニヤニヤしている様は、傍から見れば恐怖を感じることでしょう。 夏なので許されますk…ヽ(#ﾟДﾟ)ﾉ┌┛)`Дﾟ)かゆ・;’うま 皆様は参考にしたいデザインを探す時やトレンドを知りたい時にどんなサイトを見ていますか？ 今回は私が定期的にチェックしているまとめサイト（リンク集）をWebデザイン・スマホサイトデザイン・ロゴデザインを中心に、私の主観で「掲載物のクオリティの高さ」はもちろん「見やすく、使いやすい」と感じたものを厳選してご紹介したいと思います。 では早速参ります。 Webデザインまとめサイト S5-Style 国内・海外問わず、様々なジャンルのデザインを取り扱っています。 最新の掲載サイトは大きいサムネイルで表示されます。 検索のフィル
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG
こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
デザイナーにおすすめのウェブサービスとその使用例まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの野田です。 ネットの普及に伴って、様々なウェブサービスが出てきていますね。似たようなサービスも多いので、最初は使い方や特徴を探るのに困って仕方ありませんでした。 使っては止めを繰り返しつつも、情報整理のために、利用するツールは最低限絞り込むことを意識しています。 最近、社内でも「こんなときはどんなサービスを使えばいいですか」という質問をいただくことが多いので、なんとなくですが、自分ではこういう使い方しているなあ、なんてカタチになってきたものをまとめてみました。 個人個人の使い方があると思うのですが、どうぞ参考程度にご覧ください。 SNS Pinterest https://www.pinterest.com/ Pinterestとは これまで当ブログでも何度か登場しているPinterestは、一言で言えばスクラップブック。SNS機能があり、クオリティの高い写真が多い
Twitter新プロフィールのカバー画像制作用ガイドPSD、用意しました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、梅雨ですね。デザイナーのぺちこです。 Twitterのプロフィールページが新しくなって公開されてから、あっという間に2ヶ月ほど経とうとしています。 自ら変更せずとも順次適応ということで放置をしていたのですが、いつの間にか新しくなっていました。半月前くらいはそうでもなかったような。 先日お仕事でこのあたりを調べる機会があり、割と時間を費やしてしまったので、同じく困った人の手助けになればと思い、カバー画像制作用ガイドPSDを作成しました。 解説はさておき、ひとまずPSDを置いておきます。 Twitter新プロフィールカバー画像制作用ガイドPSDダウンロード では、さっそくTwitter新プロフィールの仕様おさらいをしながら、ガイドPSDについて解説していきます。 Twitter新プロフィールページについて 仕様については様々なメディアでリリース当初から取り上げられてきたので、詳しく
アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ
オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で
カイシがグラフィックデザインの教科書をつくるブログ。
書籍「たのしごとデザイン論」「How to Design いちばん面白いデザインの教科書 改訂版」などを出版するにあたり、著者のカイシトモヤが伝えたいことをぶちまけるブログ。 ●これ一冊でグラフィックデザインを一通り学べる書籍、「HOW TO DESIGN いちばん面白いデザインの教科書 改訂版」は2017年3月22日発売予定！amazonでも予約を開始しました。 ●「たのしごとデザイン論」、おかげさまで重版が決定しました！ ●「たのしごとデザイン論（Kindle版）」が発売されました。リフロー形式のレイアウトで読みやすさもばっちりです。 第33回 デザインを学ぶということ。美術大学の教員をしているので、入学相談会などで高校生やその保護者の方などと話す機会が多く、よく聞かれる質問に「学校を出るとみなさん、デザイナーになるのですか？」というものがあります。「もちろん、デザイナーになる学生が多
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
プレゼンテーションのスライド資料を作る上で押さえておきたい基本をまとめました． 多分これがslideshare内で一番役に立つと思います． スライドの作り方を学んだことがない方、参考にどうぞ！ 2016.01.22 書籍発売 好評につき重版決定！！ http://book.impress.co.jp/books/1114101129 リニューアル増量版 http://www.slideshare.net/yutamorishige50/ss-41321443 2014.11.9アップロード！ 【連絡先等】 Yuta Morishige Webサイト: https://mocks.jp/ ※旧タイトル 【プレゼン】研究室発表のプレゼン資料の作り方【初心者用】Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
Pixel Union - Premium Shopify Themes
presnt.jp
RouxRil（るーりる）
